Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #16542

    I’m tryinf to control the color of the horizontal rule. It currently takes the Border Color, whilst the flag takes the Primary Color.

    I have tried the following in the css with {color: # ;}



    .hr-separator extralight-border extralight-border

    Funny thing is that if I use firebug and highlight the thin line and then look at the computed css, it shows me the color that I wanted (same as the Primary Color) but on the page I still see the Border Color.


    Hi KingConga,

    This is how to change the color of the elements inside the hr.

    For the Vertical Line:

    .mini-seperator.extralight-border {
    border-color: red !important;

    For the Thicker Line on the edge (right part of the hr):

    .primary-background.seperator-addon {
    background-color: red !important;

    For the Flag:

    .primary-background.flag {
    background-color: red !important;

    Hope this helps. :)



Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘HR color’ is closed to new replies.