-
AuthorPosts
-
May 21, 2015 at 12:47 am #447474
Hi there.
i wondering if somebody can help me;
1) i want to use 3 different colors for the same H2, without manualy selecting the colors each page, so that its posiible to change the colors over time, and not having to change all pages all over again in the future.
2) is there a way in Quick CSS to have a different color in the special headings for bold, So i dont have o edit all headers maualy?I made up the homepage manualy in that style so you can see what i mean: http://www.celebrationevents.nl
Thanxs in advance
May 21, 2015 at 5:16 pm #447848Hi CelebrationEvents!
Turn on the custom CSS class:
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Give each header a unique class or all headers you want to have the same style the same class.
Then you can assign the colors and styling with CSS.
Put it in custom.css or Enfold -> General Styling -> Quick CSS field (or when using a child theme: in styles.css of the child theme or Enfold-Child -> General Styling -> Quick CSS field) and adjust the values as needed.
If you have troubles create a page and we will assist you.
Best regards,
GünterMay 31, 2015 at 2:36 pm #452245Hello Gunter, can you please help me out.
I turned on the custom CSS
in the css i created :
#top .gd-color1 { color: #661685!important;}
#top .gd-color2 { color: #e23ea1!important;}
#top .gd-color3 { color: #000000!important;}I works fine on a plain textbox but not on a textblock with only a header.
http://www.celebrationevents.nl (the first 3 headers)Is there a way to use 2 colors in a special heading, with a class? I now use this :
<strong>Een greep uit de vele mogelijkheden</strong> <span style="color: #e23ea1;">voor uw feest</span>
But when i want to test new colors i have tot change all pages manualyAny suggestions?
Thanxs in advance- This reply was modified 9 years, 5 months ago by CelebrationEvents.
June 1, 2015 at 8:59 am #452376Hey!
You can target the headers like this within your custom CSS class:
#top .gd-color1 h3 a { color: red !important; }
Regards,
RikardJune 1, 2015 at 9:07 am #452379Thanks Rikard, for the help.
I works for me.
Anny suggestions on the 2 color headings ?
Is there a way to use 2 colors in a special heading, with a class? I now use this :
Een greep uit de vele mogelijkheden <span style=”color: #e23ea1;”>voor uw feest</span>
But when i want to test new colors i have tot change all pages manualyJune 1, 2015 at 11:26 am #452473Hi!
I’m not sure I understand what you mean but to target the headings in your other classes you can just edit the class, like this to target headings in .gd-color2:
#top .gd-color2 h3 a { color: blue !important; }
I’m not sure what you are trying to do with the lines of code you provided either, do you want more than one colour for one heading? Like one word red and then the next word blue for instance?
Regards,
RikardJune 1, 2015 at 11:40 am #452477Hello Rikard
Its correct that want to use 2 colors in one header. I did this manualy like te code above.
Can this be done with a class?
June 2, 2015 at 8:29 am #452963Hi!
Yes it can, but you will still need to add code manually if that is what you are trying to avoid:
<span class="second-color">voor uw feest</span> .second-color { color:#e23ea1; }
Regards,
RikardJune 15, 2015 at 10:40 am #459207Thanks Rikard,
That was the solution for me.
-
AuthorPosts
- The topic ‘Heading colors – Bold heading colors’ is closed to new replies.