Archived topic
Change separator color
3 replies · Started by Oliver on August 9, 2021
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
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.
Works like a charm, thanks a lot David
You're welcome!
