Solved

Remove top and bottom margin motion theme

sondreskskfsghj
Tourist
41 0 2

Hey, how do i change the top and bottom margin on my logo list, so instead of looking like this:

sondreskskfsghj_0-1675709397049.png

it looks like this:

sondreskskfsghj_1-1675709416633.png

Store link: https://8c2dd1-3.myshopify.com/

 

Also how do i remove the top and bottom margins for section dividers?

thanks

 

Accepted Solution (1)

GemPages
Shopify Partner
5589 1261 1218

This is an accepted solution.

Hi @sondreskskfsghj,

 

Glad to support you today.

 

To can change the margin top and margin bottom, you can check out my suggestion below to make it:

 

Glad to support you today.

 

To can add a Solid horizontal line, you can check out my suggestion below:

 

1. Go to Edit code on Online Store:

GemPages_0-1675735266005.png

 

2. add my code  above the </body> tag on Theme.liquid:

<style>
	#shopify-section-template--17760203178306__f599b6f7-4f07-4f97-b062-940a843a8422 {
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
</style>

 

Eg:

GemPages_1-1675735287263.png

 

*Note: You can replace the number 30 with another number you want to reduce margin top and bottom.

 

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Reply 1 (1)

GemPages
Shopify Partner
5589 1261 1218

This is an accepted solution.

Hi @sondreskskfsghj,

 

Glad to support you today.

 

To can change the margin top and margin bottom, you can check out my suggestion below to make it:

 

Glad to support you today.

 

To can add a Solid horizontal line, you can check out my suggestion below:

 

1. Go to Edit code on Online Store:

GemPages_0-1675735266005.png

 

2. add my code  above the </body> tag on Theme.liquid:

<style>
	#shopify-section-template--17760203178306__f599b6f7-4f07-4f97-b062-940a843a8422 {
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
</style>

 

Eg:

GemPages_1-1675735287263.png

 

*Note: You can replace the number 30 with another number you want to reduce margin top and bottom.

 

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center