Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 18, 2022 at 5:07 pm #1345118
    josk-design

    Hello there,

    I inserted a quote on the website I am working on and I edited the design via quick css. The only thing that I fail to do is change the color of typography.
    #444444

    Can you help me?

    Best regards
    Josephine

    /*—————————————-
    // Blockquotes
    //————————————–*/

    /* blockquote*/

    blockquote {
    border-left-style: solid;
    border-left-width: 3px;
    padding-left: 14px;
    margin-bottom: 1em;
    margin-right: 1em;
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 200;
    }
    .main_color blockquote {
    color: #444444 !important;
    border-color: #ef477f;
    }

    March 19, 2022 at 7:38 pm #1345207
    Rikard

    Hi Josephine,

    I can’t see any blockquotes on the page you linked to, could you post a link to where we can see the actual element which you are trying to target please?

    Best regards,
    Rikard

    March 21, 2022 at 3:05 pm #1345360
    josk-design

    Oh no, I sent the wrong link. pls see in private content. It’s on the homepage. Second paragraph. :)

    „Die reinste Form des Wahnsinns ist es, alles beim Alten zu lassen und trotzdem zu hoffen, dass sich etwas ändert.“

    “The purest form of insanity is to leave everything as it is and still hope that something will change.”

    Albert Einstein

    BR Josephine

    March 22, 2022 at 4:53 am #1345436
    Ismael

    Hi,

    Did you add the following css code somewhere? It overrides the custom styles. 

    .sidebar, p {
    color: #878787 !important;
}

    You can use this one to override it.

    .main_color blockquote p {
    color: #444444 !important;
    border-color: #ef477f;
}

    Best regards,
    Ismael

    March 22, 2022 at 3:43 pm #1345539
    josk-design

    Ismael, thank you so much. It worked. :)

    I think it’s weird that the font color of block quotes depends on the font color of the sidebar!

    BR Josephine

    March 23, 2022 at 2:34 am #1345603
    Mike

    Hi,
    Glad Ismael could help, the issue with your css is that the comma in the rule makes it target two different targets, the sidebar and the paragraph

    .sidebar, p {
    color: #878787 !important;
}

    so this will try to affect all of your paragraphs on your whole site.
    If this rule was ment to only affect paragraphs in your sidebar it should be like this with no comma:

    .sidebar p {
    color: #878787 !important;
}

    Hope this helps, shall we close this then?

    Best regards,
    Mike

    March 23, 2022 at 9:54 am #1345628
    josk-design

    Hi Mike,

    wow, that’s a real important and useful information!!

    Thanks a lot! You can close the thread.

    Have a nice day! :)

    March 23, 2022 at 12:25 pm #1345652
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Quote’ is closed to new replies.