WooCommerce single product “ADD TO CART” BUTTON colors

[Ghost]

Hello Zex!

You are correct. Sorry for confusion.

Since you made that screenshot, it shows text which is shifted to the right. Any chance to have text starting from beginning of the line so it can be aligned with picture ?

Also I have found another buttons in WooCommerce cart that are having incorrect color on hover.
Once you add any product to the cart and go to cart view there are Coupon and Refresh Cart buttons that have different colors on mouse hover. I cannot adjust them to my theme blue as others buttons with code you made so far.

Regards.

P.S. I am really impressed by your quick and adequate responses.

[Ghost]

Hello again,

no need to concern about shifted text to the right from my post above. In fact I really like it after consultation. Any chance to add same space shift from right side ? That way main blog view for full page would look really awesome. Picture full page sized and text below tabulated equally from both sides. Future theme update could benefit on this in my opinion.

This blog posts full page view (used on my front page) does not have Read More button for articles. It is a link with different color on mouse hover. Any chance to have Read More buttons exactly like those from Page Boxes in theme. That would make whole front page coherent.

Regards.

[Zex]

Hello, Ghost!

Here is the code to change the WooCommerce cart Button background color on hover:

.woocommerce-cart-form button:hover{
    background: #074b88!important;
}

2. As for the Blog post width and Read more button, try to go with the next codes:

.list-style .entry-content{
    max-width:80%!important;
    margin:0 auto!important;
}
.entry-content .more-link{
background: #074b88!important;
    color: white!important;
    font-size: 14px!important;
    font-weight: 900;
    font-style: normal!important;
    border: none!important;
    padding: 0 22px!important;
    line-height:30px!important;
    margin-top: 15px!important;
    text-transform: uppercase!important;
    letter-spacing: 1px!important;
    border-radius: 3px;
}
.entry-content .more-link:hover{
    background: #DD3333!important;
}

Regards

[Author]

Posts