How can I adjust the spacing in the 'Story of Sheepdog' section?

Store Design

Topic summary

A user seeks help adjusting container spacing (top and bottom padding) in their Shopify store’s ‘Story of Sheepdog’ section.

Initial Response:

  • Support clarifies whether the issue involves container spacing or letter spacing
  • User confirms they want more padding at top and bottom of the container

Proposed Solution:
Support suggests:

  1. First checking if padding options exist in the theme editor
  2. If not available, manually adding CSS code to the theme.css file:
    • Navigate to Admin → Online Store → Themes → Edit code
    • Open Assets folder → theme.css file
    • Add specific CSS targeting the section ID with 50px top and bottom padding

Current Status:

  • User reports no padding options found in theme editor
  • User attempted to insert the provided CSS code but it didn’t produce any visible changes
  • Issue remains unresolved; may require troubleshooting the CSS implementation or exploring alternative solutions
Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

Hello how can I change the spacing in the story of sheepdog section? Link below

Thanks!

https://sheepdogbrewco.com/pages/about

1 Like
2

Hi @camkaye

Can you elaborate what you mean by spacing? Is it the space of the containers? or the letter spacing?

1 Like
3

Yes sorry, Spacing of the container. I just want a bit more padding at the top and bottom. Thanks.

4

Hi @camkaye

It looks like you might have an option to change the padding top and bottom using the theme editor. Please check first, if not, please follow the instructions below.

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the theme.css file
  3. At very end of the code, add the code below
@media screen and (max-width: 1250px) {
    div#shopify-section-template--14459545059431__16490688312df9b2d5 {
    padding-top: 50px;
    padding-bottom: 50px;
}
}
5

Doesn’t look like I have an option in the them editor. Also I inserted the code and it didn’t seem to do anything.