Use svg icon for <hr> element in Brooklyn theme

New Member
11 0 0

Hello! I'm looking to use an svg icon for the horizontal rule element in the Brooklyn theme. I'm a relative css novice and tried editing a few things to no avail. If anyone has an guidance on how to do something like this, I'd really appreciate the help. Thanks!

current <hr> in Brooklyn themecurrent <hr> in Brooklyn theme

svg icon I'd like to use as <hr>svg icon I'd like to use as <hr>


Hello Brandon,
Put this code at the bottom of theme->edit code-> assets -> theme.scss.liquid

hr {
	clear: both;
	border-width: 1px 0 0;
	margin: 30px 0;
	height: 16px;
	background-image: url("/c/image/serverpage/image-id/13885iE3FEFAF955B3DDF0/image-dimensions/2500?v=1.0&px=-1");
	background-position: -147px -91px;
	border: none !important;
	width: 103px !important;

Here use your SVG image URL in place of background-image:url(" ");

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
New Member
11 0 0

That worked. Thanks for the help!