About page links and Help with uploading images to blog. - Support

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
May 25, 2018 at 6:32 pm #962329

taylorchiu
Participant

I want the links on the About page to look the same way they do on the Blog page but it’s not working. Copy and past this code to let them know what we have tried – and say that it’s working everywhere EXCEPT for the body copy (on the About page):

/* PARAGRAPH link and hover state*/
#main .content p a {text-decoration:underline !important;}
#main .content p a:hover {text-decoration:underline !important; color:#2f9e7d !important;
}

/* H4 link and hover states */
#main .content h4 a {text-decoration:underline !important;}
#main .content h4 a:hover {
text-decoration:underline !important;
color:#2f9e7d;
}

/* BLOG POST link and hover state */
#main .entry-content a {text-decoration:underline !important;}
#main .entry-content a:hover {text-decoration:underline !important; color:#2f9e7d;
}

/* BLOG TAGS link and hover state */
#main .post-meta-infos a {text-decoration:underline !important;}
#main .post-meta-infos a:hover {
text-decoration:underline !important;
color:#2f9e7d !important;
}

ALSO – I need help getting the images to upload and insert in the same order. They are inserting to blog backwards when I upload them to a new blog post.

May 28, 2018 at 1:45 pm #963183
Ismael
Moderator
Hey Katie,

Thank you for using Enfold.

Are you referring to the blog post title? This should work.
```
#top #wrap_all .slide-entry-title {
    text-decoration: underline !important;
    color: #2f9e7d;
}
```
Adjust the values as needed. Could you explain the second issue further? Which images?

Best regards,
Ismael
May 28, 2018 at 8:28 pm #963424

taylorchiu
Participant

Hello,

Thank you for your response. I was referring to being able to hyperlink certain things in the about section on my website – similar to how it works in a blog post. In other words – when I mention I am part of a few groups/ on a few boards and want them to be noticably ‘click-able’. I tried applying the link in the same way I would during a blog post when I want something to be clickable (take you to other page) and it worked but the word doesn’t appear any different in the about section. When you scroll over it the word goes transparent. It would be great to have it either appear underlined or a different color so people know they can click on it.

Please let me know if you can help.

The other issue refers to when I upload a batch of photos to a blog post. I want them to be inserted to post in same order I upload them in but it has been reversing it. In other words photos 1-4 to appear in the post in that order. Usually it’s a special chronological order I have picked out.

Please let me know how to proceed!

Katie Kaizer

May 29, 2018 at 11:31 am #963597
Ismael
Moderator
Hey!

Thanks for the update. Please try this css code.
```
.main_color a {
    text-decoration: underline !important;
    color: red !important;
}

.main_color a:hover {
    text-decoration: none!important;
    color: blue !important;
}
```
Adjust the values as needed. Please create a test post with the images.

Cheers!
Ismael
May 29, 2018 at 3:46 pm #963776

taylorchiu
Participant

Thank you! I will have my designer try that code!

Do you have any insight on the uploading of images to blog? To keep them in the same order selected? Currently the order is getting reversed when I click ‘insert to blog’ after they are uploaded and checked.

June 1, 2018 at 9:50 am #965147

Ismael
Moderator

Hi,

Alright. Please create a test post with the images. Are you inserting them as gallery?

Best regards,
Ismael

June 2, 2018 at 12:42 am #965621

taylorchiu
Participant

Hi again – the code worked for the links – only catch is that the button links now have that style too so it’s pink text on a pink button and you can’t read it. Can you tell me how to style the button links so that text is white? Thanks!

June 2, 2018 at 1:57 am #965633

taylorchiu
Participant

Hello Ismael,

For the images and order – I am referring to making a blog post – I just made one and in order to have them insert/appear in order I had to upload them in the reverse order. It used to be that I could upload them in order and they’d appear in that same order. Is there a way to make that happen? I upload them and then they appear with the checked box and I click ‘insert into post’

Let me know if you need a screenshot to describe this. Since I make the order of the images for blogs in my program and export in that order ideally it would then upload / appear in that order like it used to.

Thanks!

June 3, 2018 at 8:06 pm #966222

taylorchiu
Participant

Hi there,
Looks like I have two questions in one thread – would you like me to split this up?

1st question – How do I change the button text color? The above code worked to change all links, including the button text links, to pink. But since the buttons are also pink, you can’t see the words. I’d like that text to be white.

2nd question – I’d like to be able to organize images in a particular order and upload them into a blog post in that same order. As it is now, when I upload images they rearrange into chronological order – not the order I put them in. Is there a fix for that?

Thanks!

June 6, 2018 at 3:43 am #967592
Ismael
Moderator
Hi,

I upload them and then they appear with the checked box and I click ‘insert into post’

1.) Have you tried to edit the elements’ style in the theme’s Advanced Styling or General Styling panels? That is much more consistent than manually adding css modifications. Remove the previous css modifications manually then adjust the colors in the General Styling and Advanced Styling panel accordingly. If you’re not getting the styles that you need from those options then re-add the css modifications. Use this one for the button.
```
#top a.sbi_load_btn, #top .sbi_follow_btn a {
    color: #ffffff !important;
}
```
2.) You can arrange the order of the images or html in the editor’s “Text” mode manually. Example.
```
<a href="IMAGE 1 URL HERE"><img src="IMAGE 1 URL HERE" alt="" width="1500" height="430" class="alignnone size-featured wp-image-154" /></a>

<a href="IMAGE 2 URL HERE"><img src="IMAGE 2 URL HERE" alt="" width="1500" height="430" class="alignnone size-featured wp-image-181" /></a>

<a href="IMAGE 3 URL HERE"><img src="IMAGE 3 URL HERE" alt="" width="1500" height="430" class="alignnone size-featured wp-image-182" /></a>
```
The above markup represents 3 images. I’m sure you’ll recognize the pattern once you edited it.

Ismael
June 8, 2018 at 9:15 pm #970180

taylorchiu
Participant

Hi there!
Thanks for the info – the button color code worked on some of the buttons but not all… It worked on the footer but not on these, for example: http://www.katiekaizerphotography.com/about/#approach

Also, the suggestion for uploading images isn’t going to work because there are usually between 30-50 images on each post (my client is a photographer). Too many to make sense of the text files. It would be ideal if she were able to arrange the photos in the order she wants them shown, then upload them in that order and then have them stay in that order. Is there a better way to do this than rearranging in “text” mode?

thanks!

June 12, 2018 at 3:24 am #971484
Ismael
Moderator
Hi,

Thanks for the update.

1.) Add this css code for those buttons.
```
#top .main_color .avia-color-theme-color {
    border-color: #a10d6a;
    color: #ffffff !important;
}
```
2.) Please ask your client to use the theme’s shortcode wand or shortcode generator instead of the default “Add Media” button. It’s the wand with the sky blue “spark” thing in the tool bar. There’s a Gallery element under the Media Elements where you’ll be able to sort the images by drag and drop.

Best regards,
Ismael
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.