I like to have more space (padding) between the two buttons in Dawn theme

Store Design

Topic summary

A user wants to increase the spacing between two buttons in a Dawn theme image banner section.

Proposed Solutions:

  • Add margin-bottom: 10px; to the first button using CSS nth-child selector
  • Alternatively, add margin-top: 10px; to the second button
  • Target the correct button classes and apply the margin property

Implementation Challenge:
The original poster is unfamiliar with where to add CSS code in their store.

Resolution:
A community member offered to implement the fix directly by requesting staff access to the store. The user accepted and sent an invite.

Status: Resolved through direct assistance

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.
1

I like to have more space (padding) between the two buttons in image banner section.

Thanks,

chat.jpg
chat.jpg2917×891 152 KB

2

Hi Yoma1,
Sandeep this side,
you can give a margin-bottom to the first button by the use of nth-child CSS or you can give margin-top to the last button.
EX.
.css-selector:nth-child(1){

margin-bottom:10px;

}
Please contact me if not solved
email-id: sandeepkhandagade@gmail.com

1 Like
3

Hi @yoma1

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

you just need to get the correct class of those 2 buttons and add the css margin property to set the distance to send them
For example:

.class {
   margin-top: 10px;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

4

Thanks! but where should I add this code? base.css? sorry I am not a website coder…

5

Hi Yoma1,
Please give me staff access of your store i will solve this
my id is : sandeepkhandagade@gmail.com

Thanks & Regards

Sandeepp

6

Thanks, just send you an invite.

7

Thanks!

1 Like