How can I adjust the size of my image banner button?

Store Design
, ,
1

Hello I was wondering if someone can provide me with a code to make my image banner button smaller, the positioning of it is fine, it is just a little too big. My site is https://xbilhm5o5vqjv0cl-52120158362.shopifypreview.com , And I have attached an example on how I would like the size of it.

size of button.png
size of button.png451×696 479 KB

2

Hi @rezithclo ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

.banner__buttons > a.button.button--secondary:before { 
    background: white;
    height: 80%;
    top: 10%;
    width: 90%;
    left: 5%
      
}
.banner__buttons > a.button.button--secondary{
    color: black
}
.banner__buttons > a.button.button--secondary:after {
    display: none !important;
}

Hope my answer will help you.

Best regards,

Victor | PageFly

3

Awesome it works, is there anyway to make it just a little smaller? Or what numbers to I adjust to evenly make it smaller

4

You can adjust the height value and top value like this:

height: 70%;
top: 15%

PageFlyVictor_0-1678389203303.png