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

Store Design
1

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?

2

Hi,

Please share your store URL to be able to assist you

3

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

4

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

yashgarg_0-1705238301699.png
yashgarg_0-1705238301699.png812×1128 239 KB

Thanks

Yash Garg

1 Like
5

thanks!! it worked

1 Like
6

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