Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 14, 2017 at 11:33 am #760598
    enhanza

    I have added a color to blockquote in Advance styling since it couldn’t be edited anywhere else. Or could it?
    But this color now overwrites all blockquotes, even if I set a customer color in a Content Element.
    On our front page http://www.enhanza.com you can this in action. Also on this screenshot. This font is set to #ffffff in the Contenct Element.

    How can this be avoided!?

    • This topic was modified 7 years, 1 month ago by enhanza.
    March 15, 2017 at 6:37 am #761152
    Rikard

    Hey enhanza,

    Please try the following in Quick CSS under Enfold->General Styling:

    .home #av_section_2 blockquote p {
  color:white !important;
}

    You have added the CSS to the surrounding div, not the actual text inside of the block quote.

    Best regards,
    Rikard

    March 15, 2017 at 11:08 pm #761668
    enhanza

    Thank you. But what do you mean with this:

    You have added the CSS to the surrounding div, not the actual text inside of the block quote.

    Enfold preview shows the font color correct. Please see these settings with default and custom font colors. Do I have to use hard coded CSS as the one you wrote to change the font color inside a Content Element?

    March 19, 2017 at 2:55 pm #763206
    Victoria

    Hi enhanza,

    Sometimes you have to, because you might have added other rules somewhere that would override the styles you see in preview. In this case, the snippet below is addressing a blockquote is canceling the white color we set for the parent of the blockquote.

    
#top .all_colors blockquote {
    color: #2a2a2a;
}

    Let us know if you have any more questions.
    Best regards,
    Victoria

    March 20, 2017 at 12:21 pm #763600
    enhanza

    Thank you, Victoria.

    That means that the “Advance Styling” in Enfold theme setting overwrites the styling setting for a unique Content Element. I would suggest to have it the other way around.

    March 21, 2017 at 10:19 pm #764388
    Victoria

    Hi enhanza,

    It’s not about advanced styling in Enfold, it’s about the priority of css selectors in general. Whichever is more specific and is added last wins (it’s a very simplified explanation).

    Let us know if you have any more questions.
    Best regards,
    Victoria

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