Can I increase the size of the 'Shop Now' button on the Sense Theme?

[expen5ive]

on the sense theme the first thing is the "image with text" section. There is a "shop now" button. Can i make that 50% bigger?

[Natasha-Saed]

Hi,

Please share your store URL to be able to assist you

[expen5ive]

You know literally the very first thing on the sense theme is what? an image and a button next to it saying SHOP NOW. that button i want to make 50% bigger. someone gave me a custom css to change the colour of it but i want to also make it bigger. 50% bigger

[yashgarg · Accepted solution]

Hey @expen5ive ,

The current computed values for width, height and font-size were approx 133px, 47px, and 15px.

Multiplying them with 1.5 (for 50% increase) you will get approx, 200px, 70px and 22.5px (divide by 10 for rem values)

Now you can follow these steps:

1) Go to file component-image-with-text.css

2) Search for selector - .image-with-text__content .image-with-text__text+.button

3) Now add three entries for width, height and font, so that final block should look l ike 

---

.image-with-text__content .image-with-text__text+.button {

margin-top: 3rem;

width: 20rem;

height: 7rem;

font-size: 2.25rem;

}

---

After these changes, it will look like this

Thanks

Yash Garg

[expen5ive]

thanks!! it worked

[expen5ive]

bro could you also give me another code? I added a "rich text" section and there is a button which i want to make 20% bigger. can you tell me what to paste into the custom css at the bottom please