Use svg icon for <hr> element in Brooklyn theme

Highlighted
New Member
8 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!

Screen Shot 2019-09-03 at 8.11.21 PM.pngcurrent <hr> in Brooklyn theme

Screen Shot 2019-09-03 at 8.12.19 PM.pngsvg icon I'd like to use as <hr>

0 Likes

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 .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
New Member
8 0 0

That worked. Thanks for the help!

0 Likes