Title: Horizontal rules Issues
Last modified: May 6, 2024
---
# Horizontal rules Issues
* Resolved [waldirb](https://wordpress.org/support/users/waldirb/)
* (@waldirb)
* [2 years ago](https://wordpress.org/support/topic/horizontal-rules-issues/)
* Hello,
* I am tring to use a horizontal rule using bootstrap as stated [here](https://getbootstrap.com/docs/5.2/content/reboot/#horizontal-rules),
however, there is css coming from this plugin that conflicts with this, when
using the WordPress “Separator block” which contains the class wp-block-separator,
the plugin adds the following styles which make the style of the hr invisible.
* ```wp-block-code
.wp-block-separator {
border-top: none !important;
border-bottom: none !important;
}
```
* Any way around this? What is the reason for the above style? Thanks in advanced!
Viewing 2 replies - 1 through 2 (of 2 total)
* Plugin Author [all_bootstrap_blocks](https://wordpress.org/support/users/areoimiles/)
* (@areoimiles)
* [2 years ago](https://wordpress.org/support/topic/horizontal-rules-issues/#post-17748911)
* Hi [@waldirb](https://wordpress.org/support/users/waldirb/)
* Thank you for flagging this. So, these styles were required when the plugin was
initially built with Bootstrap 5.0.2. In this version of Bootstrap they didn’t
use border top, instead they used background colour for the `
`. These styles
were needed to override the default styles applied by WordPress on the Separator
block and make sure the Bootstrap styles worked as intended.
* In later versions of Bootstrap they introduced a border to the top of the `
`. Unfortunately, to make sure that this works for people still using Bootstrap
5.0.2, I can’t remove these styles entirely. However, I have released an update
where I have removed `!important` from each style to make it possible to apply
the border top via the Additional CSS classes field.
* Because WordPress adds default styles to the separator block, the Bootstrap borer
style will be overridden by default as these styles are added after the Bootstrap
CSS. To resolve this you can select the Separator block and in the settings panel
go to Advanced and then include `border-top` within the Additional CSS Classes
field. This approach will override the default WordPress styling as well as override
the default All Bootstrap Blocks styling that is in place for v5.0.2.
* I hope this all makes sense and helps you resolve your issue. However, if it
does not please don’t hesitate to get back in touch.
* Thanks
Miles
* Thread Starter [waldirb](https://wordpress.org/support/users/waldirb/)
* (@waldirb)
* [2 years ago](https://wordpress.org/support/topic/horizontal-rules-issues/#post-17761090)
* This is a great fix, thank you, Miles!
Viewing 2 replies - 1 through 2 (of 2 total)
The topic ‘Horizontal rules Issues’ is closed to new replies.
* 
* [All Bootstrap Blocks](https://wordpress.org/plugins/all-bootstrap-blocks/)
* [Frequently Asked Questions](https://wordpress.org/plugins/all-bootstrap-blocks/#faq)
* [Support Threads](https://wordpress.org/support/plugin/all-bootstrap-blocks/)
* [Active Topics](https://wordpress.org/support/plugin/all-bootstrap-blocks/active/)
* [Unresolved Topics](https://wordpress.org/support/plugin/all-bootstrap-blocks/unresolved/)
* [Reviews](https://wordpress.org/support/plugin/all-bootstrap-blocks/reviews/)
* 2 replies
* 2 participants
* Last reply from: [waldirb](https://wordpress.org/support/users/waldirb/)
* Last activity: [2 years ago](https://wordpress.org/support/topic/horizontal-rules-issues/#post-17761090)
* Status: resolved