Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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

    #447848

    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

    #452245

    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

    #452376

    Hey!

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

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

    Regards,
    Rikard

    #452379

    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

    #452473

    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

    #452477

    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?

    #452963

    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

    #459207

    Thanks Rikard,

    That was the solution for me.

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