- This topic has 3 replies, 2 voices, and was last updated 7 years, 8 months ago by
.
I would like to add rounded theme buttons to my side bar widgets. Can I achieve this?
Hi @niftitalks,
I hope you are well today and thank you for your question.
Sure you can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#sidebar button, html #sidebar input[type=button], #sidebar input[type=reset], #sidebar input[type=submit] { border-radius: 17px; }Best regards,
Shufflehound teamThank you for this. How can I change the color of the button in above code?
Also, is this correct code to also get a button in the ‘text’ widget? :
?
If you want to apply on all buttons and not only sidebar widget buttons then instead of above CSS code please use following custom CSS code.
#page-container button, #page-container input[type=button], #page-container input[type=reset], #page-container input[type=submit] { border-radius: 17px; padding: 1px 10px; background: #e9cbea; color: #000; border-color: #aeb0d4; }You can change the color value in the above code to whatever you want to use by referring the following pages.
http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp
