Change the margin of a section but only for a specific section on a specific page

Store Design
1

Hi there

We have a section called “Text with Icons”. I would like to change the margin of this section. How can I change this without affecting the section in general on other pages. We’re using the Impact theme. Here is the preview Page:

https://no2uxrfeb6jcgplb-30516215943.shopifypreview.com/products/rokkertech-tapered-slim-black?_pos=1&_psq=tapered&_ss=e&_v=1.0

Its the section below the product image.

Thank you!

2

Hello @Rokker

It’s GemPages support team and glad to support you today.

i see you use more than 1 part with text width icon . Let me know which part of the content you want to change?

3

@Rokker
put below css into theme.css file

@media screen and (min-width: 1250px)
{
:not(.is-scrollable) .text-with-icons__list {
    gap: 7.5em !important;
}
}

Ujjaval_0-1673951621938.png
Ujjaval_0-1673951621938.png1600×756 65.9 KB

4

Hi @Rokker

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code
  2. Assets/theme.css
  3. Add code below to bottom of file
#shopify-section-template--16774499598575__cbcc5c1a-29db-42f4-85a2-d1f076318aad .section  {
	padding-block-start: 30px;
	padding-block-end: 30px;
}
1 Like
5

Thank you very much! Works great!

6

Thank you very much. I will test it asap. But found a solution below.

7

Thank you very much! Already found a solution for it.