How can I add more padding to buttons on my online store?

Store Design
1

Hi, I am trying to add more padding to buttons on my store to give the font a bit more breathing room, I have tried targeting different classes but nothing seems to work. Can anyone offer any suggestions about what to add? TIA

Login details
URL: https://www.fiveosix.com.au/
Password: asdfg

Screen Shot 2021-01-05 at 9.57.33 pm.png
Screen Shot 2021-01-05 at 9.57.33 pm.png1002×1446 293 KB

1 Like
2

Please place this code at the end of theme.scss

.homepage-promo  .caption-content {
left: 50%;
    transform: translate(-50%, 12%);
}

Let me know after changes, Do you wanted this. And if not then please explain more with screenshots

2 Likes
3

Hi @Hardik29418
thanks for your suggestion I put it in my stylesheet.css as my theme doesn’t have the other file. Nothing seems to have changed

4

Their code didnt work for me either, give this a try (I initially posted this with a margin, please omit that):

.homepage-promo .promo-inner .cta a {
    padding: 10px 20px;
    height: auto;
}

Just adjust padding as you see fit. It was getting a defined height before so I set it to auto to allow for the padding.

2 Likes
5

@Ninthony thanks so much that worked perfectly!

1 Like
6

No problem, glad it helped.