How to modify this section width using html or css ? - DAWN theme

Solved

How to modify this section width using html or css ? - DAWN theme

INKLY
Pathfinder
141 0 18

Hi, I would like to modify the width of this section to make it match the others on the page. Does anyone know how to fix this? Thank you for your help. 

 

Store URL: https://inkly.fr/

 

INKLY_0-1715806820869.png

 

It looks normal in the shopify theme editor: 

INKLY_0-1715806947313.png

 

 

Accepted Solution (1)
EBOOST
Shopify Partner
1303 328 393

This is an accepted solution.

Hi,

If you uncheck that option that is not work.

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_1-1672356985580.png
2. Assets/base.css
3. Add code below to end of file

#shopify-section-template--19593408905481__ss_video_socials_yKzKnr 
.section-template--19593408905481__ss_video_socials_yKzKnr-settings {
  max-width: var(--page-width);
 
}

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤Coffee tips

View solution in original post

Replies 4 (4)

EBOOST
Shopify Partner
1303 328 393

Hi @INKLY ,

In the theme editor you only uncheck fullwidth option. You can refer screenshot below:

EBOOST_0-1715810608744.png

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤Coffee tips
INKLY
Pathfinder
141 0 18

Hi @EBOOST thank your for your answer, however, this happens when I uncheck the full-width option

INKLY_0-1715844746627.png

 

EBOOST
Shopify Partner
1303 328 393

This is an accepted solution.

Hi,

If you uncheck that option that is not work.

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_1-1672356985580.png
2. Assets/base.css
3. Add code below to end of file

#shopify-section-template--19593408905481__ss_video_socials_yKzKnr 
.section-template--19593408905481__ss_video_socials_yKzKnr-settings {
  max-width: var(--page-width);
 
}

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤Coffee tips
INKLY
Pathfinder
141 0 18

Thank you very much !! @EBOOST