-
Posts
-
Hi!
After noticing that my bold text element was far too dark, I changed the element colour in ‘Advanced Styling’ to 3b3b3b – which looks much better.However, when I want to add the color blue to certain bold text, as I like to visually stimulate my readers, despite appearing in Avia as blue it does not display as blue on my website.
After undoing my meddling of the element in Advanced Styling, the blue colour seems to work as normal.
How can I achieve both the lighter color bold AND the striking blue color??
Kind regards,
Peter.
Hi Peter,
Please go to Enfold theme options > Layout Builder and check “Show element options for developers” and then edit your element where you have your special bold element and give it a custom CSS class (“my-bold-text” in example below) and then add following code to Quick CSS in Enfold theme options > General Styling tab
.my-bold-text strong { color: orange; }Best regards,
YigitHi Yigit,
Thanks for all your info.I can’t find Layout Builder (or “show element options for developers”) in Enfold Theme Options. The closest match I have is General Layout. Can you break it down even more for me?
Hi,
Go to Enfold->Layout Builder, then check the Show element options for developers option.
Best regards,
RikardHi Rikard,
I’m still not sure where this is. I’ve spent about an hour trying to locate Show element options for developers to no success.
When you say go to Enfold Theme Options, do you mean the Enfold tab I have down the right hand side of Word Press? If so the closest match that I have to Layout Builder is General Layout but there is no option to check Show element options for developers.
Could you possibly attach a screen shot?
Regards,
Peter
Hi Mike,
Thanks so much for the screen shot.
Little wonder I couldn’t find ‘Layout Builder’ as I don’t have this included in Enfold Theme Options!
Do you know why this would be? ( I don’t have a child theme if that’s any help)
Regards,
Peter.
Hi,
That is because you are using an older version of the theme. Please either update the theme – kriesi.at/documentation/enfold/updating-your-theme-files/ or enable custom CSS class for ALB elements by referring to this post – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Best regards,
YigitHi Yigit.
I’ve updated the theme. Still no ‘Layout Builder’ in Enfold Theme Options though (at least not at the time of writing).
I’ve now deleted the bold element colour which I changed to 3b3b3b in Advanced Styling to see if I was able to add blue to bold which still does not appear to be the case.
What’s weird is that it used to work just fine in previous posts but now is working sporadically in the same posts.
I’m getting a little frustrated – all I want to do is lighten the bold element and be able to add blue using the Text color – or at the very least add the blue color.
It has so far taken hours to try to resolve what I think should be a very straightforward operation.
I’d gladly pay for any developers at Kriesi to sort this if that’s a service you provide??
Kind regards,
Peter.
Hi Victoria!
Sorry for the delay in replying; traveling back from honeymoon in Crete!
I’m afraid that I still need your help.
I’ve added the 3b3b3b color to the Strong element in Advanced Styling, which has worked great and I’ve now checked the Show Element Box For Developers in Layout Builder.
I’ve added the CSS code .my-bold-text strong { color: blue; } to Quick CSS in General Styling.
However, I’m unsure as what I need to do where Yigit advised to ‘edit your element where you have your special bold element and give it a custom CSS class’ on September 9th.
Regards,
Peter.Hi,
Did you add “my-bold-text” to the “Custom Css Class” in your element where you are going to use the blue bold?
I tried to login to check, but the default login page is not found (/wp-admin/) what is your login url?
please add a url to one post where you are going to use the blue bold so we can check.Best regards,
MikeHi guys, somebody know how to fix my color section on mobile in my website rentfacile.it? My css dosent work. Thank u
Hi Mike,
Thanks for the screen shots; really helpful.
Yes, I’ve now added the Custom CSS as I think it should be applied but still no luck.
I’ll add my login details below and the URL of the post in question.
Cheers,
Peter.Hi,
Thanks for the info but I’m unable to get to the login page, perhaps you have a security plugin that has changed the login url, please post your full login URLBest regards,
MikeHi Mike,
Of course, the login URL!
I’ve included below with all the other usernames and passwords.
You shouldn’t have any trouble now.
Kind regards,
Peter.Hi,
OK, I logged in and changed your code to this:.my-bold-text strong { color: blue!important; }Now it’s working, please check & Please clear your cache :)
Best regards,
MikeHi Mike.
Thanks for that. Unfortunately, it’s not quite the effect I was after!
My intention is to lighten the blackness of bold text which I’ve achieved no problem in General Styling.
Then, only for certain text, I want to colour the bold text blue – not ALL the bold text.
It used to work just fine and it seems such a simple requirement, I don’t understand why it’s causing so much trouble!
So, in summary, I still want black, bold text (#3b3b3b) but be able to colour the bold text only in certain places by highlighting it and clicking on the Text colour palette.
Kind regards,
Peter.Hi everyone!
Just wondering if this issue is any closer to getting solved?
I think there was a bit of misunderstanding at first – i simply want to colour SOME but not all, bold text in blue.
It used to work just fine and I’ve included my second to last post below as if you check it out, you’ll notice that the navy blue colour works in one instance (just below the image) but fails to do so in the very next paragraph!
Very bizarre
Cheers,
Peter.Hi,
It’s not working for the next paragraph because the strong tag is inside the span tag instead of the other way around. You can add the following css code or just fix the html.
#top .main_color strong, #top .alternate_color strong, #top .main_color strong, #top .alternate_color span strong { color: #3366ff; }Best regards,
IsmaelHi Ismael.
OMG thank you SO much. This issue has been driving me nuts!!!
So what you’re saying is I highlight the text with the colour I want FIRST and then add the bold?There is one other issue you may be able to help with: The letter spacing on my page id and blog entry seems quite wide.
How do I decrease the spacing between the letters?
Kind regards,
Peter.
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:.entry-content-wrapper p, .entry-content p { letter-spacing: -0.01em; }Best regards,
YigitHi Yigit,
I’ve tried this but it doesn’t seem to work (I even tried adding !important)!
Any other suggestions?
Peter.
Hi,
Could you please provide a link or a screenshot of the “page id and blog entry”?
Best regards,
IsmaelHi,
Thank you for the update.
Please use this code to decrease the letter spacing.
.html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title { letter-spacing: 1px; }Default value is 2px.
Best regards,
Ismael
- The topic ‘Bold element refusing to show as blue!’ is closed to new replies.