Red lines under "our focus"

  • Resolved WP92237

    (@wp92237)


    11 years, 2 months ago

    This is the blog I’m talking about: http://www.lavieestbelleblog.be

    I realy like to change the colors of the red lines under the our focus section. I’ve changed them for the “latest news” section, but I don’t know how I can change it for the our focus section, sinces there’s nothing in the editor code for it…

    Can you please help?

    Thank you in advance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • CypressWebs

    (@jmeyer2485)

    11 years, 2 months ago

    In your Child Theme or CSS Editor Plugin try this code:

    .red-border-bottom:before {
  background-color: #009900;
}

    If your theme has a custom CSS Editor in it, you can also paste the code in there.

    Thread Starter WP92237

    (@wp92237)

    11 years, 2 months ago

    Yes this works. But the thing is, I want them to be 4 different colors… (like you see on “laatste nieuws” below)

    Hardeep Asrani

    (@hardeepasrani)

    11 years, 2 months ago

    Hi,

    You can use something like this:

    .focus .focus-box:nth-child(4n+1) .red-border-bottom::before {
    background: none repeat scroll 0% 0% #E96656;
}

.focus .focus-box:nth-child(4n+2) .red-border-bottom::before {
    background: none repeat scroll 0% 0% #E96656;
}

.focus .focus-box:nth-child(4n+3) .red-border-bottom::before {
    background: none repeat scroll 0% 0% #E96656;
}

.focus .focus-box:nth-child(4n+4) .red-border-bottom::before {
    background: none repeat scroll 0% 0% #E96656;
}

    Regards,
    Hardeep

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Red lines under "our focus"’ is closed to new replies.