Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 2, 2017 at 2:01 pm #741772
    Pas7o

    hi, in enfold —> general styling —> i set as first color #002fa7.

    this color is also for bold text and title.

    i have different page with bold title. but i want to set in page A the red title, in page B the green title, …

    the same thing for bold text.

    how i can do this?

    thanks

    February 3, 2017 at 9:19 am #742262
    Rikard

    Hey Pas7o,

    I think you could accomplish that by using the page-id class, but we need to inspect the pages in question in order to find it. Please link to the pages in question and we’ll have a closer look at it.

    Best regards,
    Rikard

    February 3, 2017 at 11:49 am #742341
    Pas7o

    this is a normal page with bold title:
    http://www.626bardolino.com/lavoratori/

    here i have a title in red and in orange, i wont the bold title in these colors:
    http://www.626bardolino.com/alimentaristi-haccp/
    http://www.626bardolino.com/blsd/

    February 4, 2017 at 9:17 am #742725
    Rikard

    Hi,

    Thanks for the links. Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-449 strong {
  color:#FCB634 !important;
}

.page-id-451 strong {
  color:#FB4849 !important;
}

    Best regards,
    Rikard

    February 4, 2017 at 10:52 am #742755
    Pas7o

    these codes work for texts not for titles or h1

    February 4, 2017 at 11:17 am #742764
    Nikko

    Hey,

    Can you try adding this css code too:

    .page-id-449 b {
  color:#FCB634 !important;
}

.page-id-451 b {
  color:#FB4849 !important;
}

    Hope it helps.

    Cheers!
    Nikko

    February 4, 2017 at 11:19 am #742766
    Pas7o

    now it’s for the title. thanks

    but, if i want change the color for a specific bold word? how i can do that?

    the word is in the text

    February 4, 2017 at 11:27 am #742773
    Nikko

    Hi,

    You can try to change the text block from Visual to Text, then for example you have this text:
    <b>some</b> text here
    you can change it to:
    <b class="b1">some</b> text here
    save it then add this to Quick CSS:

    .b1 b {
  color:#FB4849 !important;
}

    Regards,
    Nikko

    February 4, 2017 at 11:31 am #742775
    Pas7o

    yes, perfect!

    so, if i have more word, it’s necessary add the same code but change the name?

    b2, b3, b4, b5, … ?

    for example:

    .b2 b {
  color:#778899 !important;
}
    .b3 b {
  color:#ffffff !important;
}
    • This reply was modified 7 years, 10 months ago by Pas7o.
    February 4, 2017 at 12:02 pm #742785
    Nikko

    Hey,

    Yes, you are definitely right. Sorry I gave a wrong code it should be this one:

    b.b1 {
  color:#FB4849 !important;
}

    You can make as many but it would be hard to remember I suggest you use some prefix + color as a classname for example wp-blue. :)

    Cheers!
    Nikko

    February 4, 2017 at 12:10 pm #742787
    Pas7o

    work! perfect! thank you so much.

    February 4, 2017 at 12:32 pm #742796
    Nikko

    Hi,

    Glad we could help :)

    Cheers!
    Nikko

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.