Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 21, 2015 at 12:47 am #447474
    CelebrationEvents

    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 #447848
    Günter

    Hi 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ünter

    May 31, 2015 at 2:36 pm #452245
    CelebrationEvents

    Hello 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 manualy

    Any suggestions?
    Thanxs in advance

    June 1, 2015 at 8:59 am #452376
    Rikard

    Hey!

    You can target the headers like this within your custom CSS class:

    #top .gd-color1 h3 a {
color: red !important;
}

    Regards,
    Rikard

    June 1, 2015 at 9:07 am #452379
    CelebrationEvents

    Thanks 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 manualy

    June 1, 2015 at 11:26 am #452473
    Rikard

    Hi!

    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,
    Rikard

    June 1, 2015 at 11:40 am #452477
    CelebrationEvents

    Hello 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 #452963
    Rikard

    Hi!

    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,
    Rikard

    June 15, 2015 at 10:40 am #459207
    CelebrationEvents

    Thanks Rikard,

    That was the solution for me.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Heading colors – Bold heading colors’ is closed to new replies.