How do I increase the padding on the top of a slideshow text box for mobile view

lukafernada · ‎09-21-2024

I'd like to increase the padding in the space indicated below:

the url is cheffings.net

Kyle_Poieo-Dev · ‎09-21-2024

To add some margin between your media and the text below follow these steps:

1. Access your theme’s code:

In your Shopify admin, go to Online Store > Themes.
Find the Dawn theme and click Customize.
In the top left corner, click on the Theme settings dropdown, then select Edit code.
Open the theme.liquid file located under the Layout section.

2. Insert custom CSS in the <head> tag:

<style>
  .slideshow__media {
    margin-bottom: 10px;
  }
</style>

Let me know if you need additional help!

-

- CEO & Lead Developer at Poieo Dev
- Shopify Design Changes | Shopify Custom Coding | Custom Modifications | SEO | E-Commerce Management
Poieo Dev

Kyle_Poieo-Dev · ‎09-21-2024

Could you kindly post the URL so I can look at the CSS on the site?

-

- CEO & Lead Developer at Poieo Dev
- Shopify Design Changes | Shopify Custom Coding | Custom Modifications | SEO | E-Commerce Management
Poieo Dev

lukafernada · ‎09-21-2024

my fault: cheffings.net

Kyle_Poieo-Dev · ‎09-21-2024

To add some margin between your media and the text below follow these steps:

1. Access your theme’s code:

In your Shopify admin, go to Online Store > Themes.
Find the Dawn theme and click Customize.
In the top left corner, click on the Theme settings dropdown, then select Edit code.
Open the theme.liquid file located under the Layout section.

2. Insert custom CSS in the <head> tag:

<style>
  .slideshow__media {
    margin-bottom: 10px;
  }
</style>

Let me know if you need additional help!

-

- CEO & Lead Developer at Poieo Dev
- Shopify Design Changes | Shopify Custom Coding | Custom Modifications | SEO | E-Commerce Management
Poieo Dev

Community Blog Articles