Presitge theme - page section block 'timeline' - margin width

She89
Shopify Partner
5 0 0

Hi, 

 

I have a Prestige theme. I added a new section using the 'timeline' block to a page. It stacks for mobile view which is fine, but in desktop view the margin does not extend to the full width. 

 

I can see a custom CSS section for that section/block within the shopify editor. 

 

Is there a way to show the margin for this section full width? Or even centre this block section? And if so,  add the code directly in the editor within the CSS section?

 

Any help would be appreciated. 

 

Many thanks!

 

Screenshot 2024-06-07 at 4.05.09 pm.png

 

 

Screenshot 2024-06-07 at 4.12.39 pm.png

 

 

Screenshot 2024-06-07 at 4.14.53 pm.png

Replies 12 (12)

AnneLuo
Shopify Partner
616 125 127

Hi, @She89 

Can you share the store URL and take a screenshot to describe your requirements? So that I can assist you.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

She89
Shopify Partner
5 0 0

Hi, thank you - I have added screenshots now to the original post. 

AnneLuo
Shopify Partner
616 125 127

Add the code below to the custom css input

.container {
  margin: 0;
}

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

She89
Shopify Partner
5 0 0

Thank you but that code did not work when I added it to the custom css section 

Rakesh_patel_68
Shopify Partner
35 5 6

Please follow.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find your section and custom file section
4) Add the following code in the bottom of the file add css

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution.
AnneLuo
Shopify Partner
616 125 127

Hi. Is this the effect you want?

AnneLuo_0-1717743095231.png

 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

She89
Shopify Partner
5 0 0

Hi, yes, I just want the timeline section to extend the full size/witdth of the desktop screen. The existing depth of the timeline can stay, it's more the width/length. So it goes to the edge of the screen and not look cut off like it currently does. 

Screenshot 2024-06-07 at 4.05.09 pm.png

AnneLuo
Shopify Partner
616 125 127

Maybe the version is diffenent. Can you share the store url with me?

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

Rakesh_patel_68
Shopify Partner
35 5 6

Hello @She89 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find your section and custom file section
4) Add the following code in the bottom of the file add css

 

<style>
#shopify-section-{{ section.id }} .container {
    max-width: 100%;
    margin: 0;
}
</style>

 


If I managed to help you then, don't forget to Like it and Mark it as a Solution!

 

Best Regards,
Rakesh patel



Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution.
She89
Shopify Partner
5 0 0

Thank you, I was trying to find the code to add it within the editor instead in the custom css section for the timeline block. 

Rakesh_patel_68
Shopify Partner
35 5 6

Hello @She89 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find your section timeline.liquid
4) Add the following code in the bottom of the file add CSS  

<style>
#shopify-section-{{ section.id }} .container {
    max-width: 100%;
    margin: 0;
}
</style>


its working 

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution.

GTLOfficial
Shopify Expert
129 23 41

@She89  I am prestige theme expert, can you share the Url of your website. so i can check and give you best solution without ant custom CSS.

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh