[Resolved] Change separator color

[Oliver]

I created hook elements with a separator and three related posts (using WP Show Posts lists), that are shown after each and every blog post. After the latest WordPress update, I noticed that all my separators (which used to be light grey) are now dark black (#000000). This is very distracting as it takes all the attention away from all other items on the page. I just want to change the color of the separators to very light grey, like it used to be.
This is the code in the hooks:
<hr class=”wp-block-separator”/>
<center><h1>These articles might also interest you</h1></center>
[wp_show_posts name=”Recommended” settings=”tax_term=health”]

How can I add a color value to that <hr class=”wp-block-separator”/>?

PS: I already tried Leo´s solution with no success

[David]

Hi there,

for reference this is what WP 5.8 Introduced, and how to remove the additional border-top they added:

https://generatepress.com/forums/topic/divider-colour-controls/#post-1866183

And if you want to revert to the original GP Style then instead of that CSS you can use:

hr.wp-block-separator {
    border-bottom: none;
    border-top: none;
}

And in the case of your Hook, you can simply just use: <hr/> and avoid all the styles the core blocks are adding.

[Oliver]

Works like a charm, thanks a lot David

[David]

You’re welcome!

[Author]

Posts