TASTE THEME: Add divider lines to product info

Store Design
, , , ,
1

Hey, I want to add divider lines to make my store more organised, does anyone know how I can place two divider lines; one between the image and product info and one below the product image and product info(full width)?

LINK:https://e8aaa0-3.myshopify.com/

PASSWORD: mohwhi

THEME: TASTE

Image 21-12-2023 at 22.17 (1).jpeg
Image 21-12-2023 at 22.17 (1).jpeg3420×2214 234 KB

2

I wouldn’t recommend adding a horizontal line between the description and image, as it’ll look weird on mobile, unless you code it in a way that only shows on desktop devices (which would be more trouble than it’s worth).

To add a horizontal line under the image + description section, it should be as simple as adding an “

” tag to the section’s coding. You’d have to find the section/template/snippet within your theme’s coding, and the find the correct place to add the “
” tag … might take some trial and error, but it should result in a horizontal line showing.

https://www.w3schools.com/tags/tag_hr.asp

I personally wouldn’t add either of these lines though, if it were my site. I think things look a lot cleaner without the lines/separators. If you really want to make a clear separation between the sections, I think it would be better to change the background colours with a bit of CSS.

https://www.w3schools.com/cssref/pr_background-color.php