HR color

2 posts from 2 voices

• Started 8 months ago by KingConga
• Latest reply from Ismael
• This topic is not resolved

Tags:

• horizontal rule.

1. 

   KingConga
   Member

   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.

   Posted 8 months ago #
2. 

   Ismael
   Moderator

   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

   Posted 8 months ago #

RSS feed for this topic

Reply

You must log in to post.