{"id":17735544,"date":"2024-05-06T12:27:09","date_gmt":"2024-05-06T12:27:09","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/horizontal-rules-issues\/"},"modified":"2024-05-06T12:27:09","modified_gmt":"2024-05-06T12:27:09","slug":"horizontal-rules-issues","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/horizontal-rules-issues\/","title":{"rendered":"Horizontal rules Issues"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Hello,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I am tring to use a horizontal rule using bootstrap as stated <a href=\"https:\/\/getbootstrap.com\/docs\/5.2\/content\/reboot\/#horizontal-rules\">here<\/a>, however, there is css coming from this plugin that conflicts with this, when using the WordPress &#8220;Separator block&#8221; which contains the class wp-block-separator, the plugin adds the following styles which make the style of the hr invisible. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.wp-block-separator {\n\tborder-top: none !important;\n\tborder-bottom: none !important;\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Any way around this? What is the reason for the above style? Thanks in advanced! <\/p>\n","protected":false},"template":"","class_list":["post-17735544","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/17735544","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/17735544\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=17735544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}