CSS to change color of vertical separator

[Happiier]

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:

1. .vertical-separator {
2.     border-left: 1px solid #1ab7ea;
3. }

HOWEVER, this only changes the middle line and not the vertical dots attached to it. See image attachment.

Attachments:

You must be logged in to view attached files.

[Kieran]

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 🙂

[Kieran]

For some reason it didn’t show properly for the third piece of CSS.

Dots after

COPY CODE

.vertical-separator:after {
background: #000000 !important;
}

[Happiier]

Kieran,
Thank you for the super quick response!! It worked perfectly 🙂

You’re the best.
Blaze

[Abe]

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.

[Author]

Posts