I'm trying to improve the look of some of the buttons on my site today, but cannot figure out what css I need to change in my Wordpress store to make these changes. I've made some screenshots of what I'm trying to change with notations. Maybe someone can point me in the right direction. Do I make these changes to my Wordpress Additional CSS screen or to a file in the css folder?
SCREEN SHOTS
Product Page:I want to change the size and color of the text so it is more readable on whatever color of background I choose for the button.
QuickBuy Page:Same issue for Details button - I'd like to enlarge the text and make it black to be more easily readable.
For the Add to Cart and Add to List - I'd like to give a little more space between them and change the color of the Add to Cart button to make it more prominent.
Product Detail Page:Same issues as the QuickBuy Page regarding the Checkout Button, Add to Cart, and Add to List
Here is the CSS that is currently in my Wordpress Additional CSS with comments about what I think it is controlling.
/*
Left Column Login / Checkout Buttons - Background, Text Color/Size
Product Page Details Button - Background Only
Add to Cart & Add to List Buttons - Background, Text Color & Size
*/
input.ectbutton, button.ectbutton {
color: #fff;
font-size: 1.0em;
background-color:#aaa;
}
/*
Only seems to change Product Page - QuickBuy Button Background Only - Detail Button Doesn't Change - Text color and size are not affected on either button.
*/
input.qbuybutton, input.detailbutton {
color:#fff;
padding:4px 12px;
font-size:1.0em;
background-color:#aaa;
}
Any help would be greatly appreciated.
Wordpress CSS Help
Posted - 11/03/2023 : 18:36:44
