This topic has 4 replies, 3 voices, and was last updated 9 years by 
-
-
Good day,
I need to change the color of the vertical separator on your homepage demo content from red to custom color.
There is not an option to change the color of the vertical separator option in text block (only Yes, No, Dark). The only documentation I found in search of answers is a comment in your themeforest presale area that suggests the following:
- .vertical-separator {
- border-left: 1px solid #1ab7ea;
- }
HOWEVER, this only changes the middle line and not the vertical dots attached to it. See image attachment.
Hi @Happiier, you can override the CSS by inserting the below into your child themes style.css (change #000000 to your desired color).
Dots before
COPY CODE.vertical-separator:before { background: #000000 !important; }Line
COPY CODE.vertical-separator { border-left: 1px solid #000000 !important; }Dots after
`.vertical-separator:after {
background: #000000 !important;
}’Hope this helps 🙂
For some reason it didn’t show properly for the third piece of CSS.
Dots after
COPY CODE.vertical-separator:after { background: #000000 !important; }Thank you @Kieran 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.
The forum ‘General questions’ is closed to new topics and replies.
