Change colour of individual shapely buttons created via text widget.

Shapely
1

<a class="btn btn-lg btn-filled" href="https://colorlib.com/flexible/portfolio">See It In Action</a>

Hi, I have used the above code to create buttons in the text widget. I want to change each button to a different colour. How should I go about doing that? Thanks

2

Hi George,

GIve them a specific class <a class="btn btn-lg btn-filled yourclass"> and then refer the class newly created in a css code:

.yourclass{
color:#fff;
}

Thanks,

Cristian

3

Thank you, Cristian!

4

Hi Cristian,
I did what you suggested. I put a text widget with the buttons code and put the css codes in the custom css section. Sadly only the text colour changes and not the entire button colour (which is blue). I’d also like to know how I can reduce the button size. I applied the padding Shorthand Property code but it only increased the size of the buttons. Looks like the button size has been set to a default and it just won’t decrease. Hope you help.
Thanks.

5

Hi George,

Could you give me your website link to check?

Thanks,

Cistian