How can I change my Impulse theme button colors and add a right arrow?

Store Design
1

I’ve searched the boards and found similar questions but the solutions haven’t worked for me, so trying here.

My website is www.bonzadogtreats.com.au

On my home page, I have some “view more” buttons which are outlines. I would like them to be solid like my ‘shop now’ buttons, so that all the CTA buttons are the same.

I would also like the colours of the buttons to change on hover, to the inverse colours.

I would also ideally like to put a little right arrow → to the right of the button.

Would anyone be able to let me have coding to achieve this please?

Thank you :slightly_smiling_face:

2

Hi @BonzaDogTreats

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

-Go to Online Store->Theme->Edit code

-Asset-> theme.css paste the below code at the bottom of the file.

a.btn.btn–secondary.btn–small.section-header__link{

background: var(–colorBtnPrimary);

color: var(–colorBtnPrimaryText);

border: none !important;

}

a.btn.btn–secondary.btn–small.section-header__link:hover{

background: var(–colorBtnPrimaryLight);

transition-delay: 0.25s;

}

Best Regards;

PageFly

3

Thanks so much - it partly worked.

My “view more” buttons are now changing to the inverse colours on hover, but the colours are the opposite to my “shop now” buttons, so still CTA buttons aren’t the same.

The “shop now” button still isn’t changing on hover.

If you have any more ideas, that would be great, thank you :slightly_smiling_face: