How to edit Button 2 appearances in Shapely

Hello again,

I would like to know how to change the colors for Button 2 in the Parallax sections. There is a simple color selection for Button 1 in the template, but for whatever reason there isn’t one for Button two.

I have tried all of the CSS solutions I found while searching this forum, but none of them did anything.

How can I easily edit these button colors?

I attached some screenshots to make things as clear as possible.


Hi there

Hope you are having a good day and thank you for your question
Please always include link to your page in the question

Colorlib Support Team

Sure, my website is LegendarySelf(dot)com.


Legendary i see only Coming Soon!
i guess you want to change background color of the button and color right?


That is correct. I would like to learn how to change the button colors.


Good evening

I need to see live website :slight_smile: without this i cant say anything and cant provide custom css for your website

Sure, I’ll see if I can temporarily set it to public.

…but do you really not have access to the base HTML/code from the shapely template?

yes I have but its highly recommended to generate custom css directly frm the client’s site, based on the current settings, you can use this method as well, use this plugin to create temporary access for us, its automatic login link and does not requires sharing your admin details. here is How To guide. at the and don’t forget about  “Set as private reply” at the bottom of the message box  

I have set the website as public. Let me know if you have any trouble viewing it.


hey there

Here we go, please add this CSS in appearance - customize - additional CSS

a.btn.btn-lg.btn-white {
color: red;
border-color: red;
a.btn.btn-lg.btn-white:hover {
color: #0039e2;
border-color: #0039e2;
background: #9fabce;

You just need to change color values in the codes :slight_smile:

Colorlib Support Team

Perfect, that works. Thank you!

You are welcome Legendary :slight_smile:

Is there anything else?