How can I modify the color and effects on my CTA buttons?

Store Design
, , ,
1

Hi!

I’m trying to find a way to change the color on my CTA buttons on my landing page. As you can see on the image below (and if you visit my store at https://www.neduzdesigns.com ) the both of them are pure white, which makes them melt in a bit too much into the banner. I’d like to also be able to give the buttons some additional effects like shadow drop or something like that, which can make them stand out even more and inspire exploration on the store. Thanks in advance! (Theme is Dawn)

a Skärmbild (350).png
a Skärmbild (350).png1920×685 196 KB

2

Hi @NickOlsson ,

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

.banner--content-align-center .banner__buttons--multiple a {
    background: #333;
    color: #fff;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
}
.banner--content-align-center .banner__buttons--multiple a:after,
.banner--content-align-center .banner__buttons--multiple a:before {
    display: none;
}

I hope it would help you
Best regards,

Kate | PageFly

3

Thanks a lot! Exactly what I was looking for.