A user requested help adding horizontal lines below icons and centering an image on desktop for their Dawn theme Shopify store.
Solutions provided:
Adding lines below icons: Insert CSS code (border-bottom: 1px solid #ccc;) into the base.css file within the assets folder to create separator lines beneath each icon item.
Centering image on desktop: Add CSS code (margin-top: 100px;) to the Custom CSS section in Theme settings to adjust the vertical positioning of the image.
Status: Both issues were successfully resolved. The user confirmed both CSS solutions worked as intended.
Hello Everyone!
I want to add lines below the icons. I have added an image below and I want to add lines in the same way in all formats. Also, I want to keep the image in the center only in desktop mode. The image is at the top and it doesn’t look good. Please help me. Thank you.
Store: https://bdcoffeeshop.myshopify.com/
Password: Admin
Now
I want
Please follow the steps below:
Step 1: Go to Shopify Admin → Online Store → Theme → Edit code.
Step 2: Go to the assets folder.
Step 3: Insert the following code in the bottom of the base.css file.
.zuva-shea-list .zuva-item {
border-bottom: 1px solid #ccc;
}
Hope this can help you!
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
It worked. Thank you. One more thing, I want to put the image in the center of the desktop. The image is at the top. It doesn’t look good in desktop mode.
You can follow this instruction to change the position of image
Go to Shopify > Theme > Customize
Copy and paste this code on Theme settings > Custom CSS section
.zuva-shea-image img {
margin-top: 100px;
}
Result:
Liz
Thank you so much. It worked.
If our advice are helpful, feel free to mark it as a solution. Thank you 
