How to change the position of SHOP NOW button in Booster theme

Solved
Highlighted
New Member
3 0 0

How to change its position which is from the center to the upper left side. And maybe make it a bit larger. With the letters in white with yellow background. I hope you can help me.Inkedxxxxxxx_LI.jpg

0 Likes
Highlighted
Excursionist
80 19 19

Hi 

Can you link to your website and provide a password if necessary?

We don't have enough detail here to provide a proper answer.

0 Likes
Highlighted
New Member
3 0 0

this is the link to the website https://lovely-paws.com/

0 Likes
Highlighted
Excursionist
80 19 19

This is an accepted solution.

Hi

If you drop this CSS at the bottom of your theme.scss file it should get close to the result you're looking for.

Although may need some more tweaks for responsiveness.

.slideshow__text-content {
    width: 56%;
    top: 25%;
}

.slideshow__text-content .btn.hero__btn {
    font-size: 3vw;
    background: #ffde58;
    color: white;
}

@media only screen and (max-width: 749px) {
    .slideshow__text-content .btn.hero__btn {
        font-size: 3vw;
        background: #ffde58;
        color: white;
        margin-left: 0%;
    }
    .slideshow__text-content {
        width: 38%;
        top: 25%;
    }
}
1 Like
Highlighted
New Member
3 0 0

Worked perfectly! thank you!

0 Likes