Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #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

    .hr-separator

    .hr-separator extralight-border

    span.hr-seperator 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.

    #91922

    Hi KingConga,

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

    For the Vertical Line:

    .hr-seperator.extralight-border,
    .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. :)

    Regards,

    Ismael

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

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