button colour & tab name

[micheal_w]

Hi Guys,

I just purchased the theme and doing the setup on our site. I would like to change few things if possible… If you could give me the custom css, that would be much appreciated 🙂

1. I’d like to change the look of the “add to cart button, from being outlined to solid black with the wording and icon being white.
2. I have a bit long tab name “free customisation” and it doesn’t fit in the place (finishes with dots…). How can I reduce the font size a bit?

+1. I am doing the setup process today / tomorrow… If I have new questions, do you want me to open new topic or just reply here?

Thank you,
Micheal

[Mohammad – SUPPORT]

Hi,
Please create mockup screenshot design to explain your desire changes exactly.
Thanks
Mohammad

[micheal_w]

Hi Mohammad,

for question #1 please see button.jpg, for #2 tab_name.jpg

Thanks,
Micheal

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please provide me website url to check and resolve.
Thanks 🙂
Mohammad

[G. from V.]

Hi guys,

I’m having the same issue. How did you solve it?

In my case, I would like for the button to turn black background and yellow letters and border when it’s clicked. Check attachment.

Thanks

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
@G. from V. – Please provide me specific page url with issue.
Thanks
Mohammad

[G. from V.]

Here it is Mohammad: http://indie.uy/tienda/desert/ — Sorry for the delay.

I would also like for the “Read More” buttons on this blog to have a style equal or similar to the “Subscribe” button on you’ll see on the Newsletter bar at the Home page (http://campomusic.net/).

Thanks a lot.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.woocommerce input.button.add_to_cart_button:hover {
    background: #000 none repeat scroll 0% 0% !important;
}
.standard-items .blog-item .read-more-button, .mini-items .blog-item .read-more-button {
    background-color: #FFF;
    color: #000 !important;
    border: 2px solid !important;
    line-height: 8px !important;
}

Thanks
Mohammad

[G. from V.]

Hi Mohammad,

Please note that I have talked about two different sites. I have added the code on the first website and it hasn’t worked.

Thanks

[Mohammad – SUPPORT]

Hi,
Have you applied this code at this website http://indie.uy/tienda/desert/?
Thanks
Mohammad

[G. from V.]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.woocommerce button.add_to_cart_button:hover {
    background: #000 none repeat scroll 0% 0% !important;
}
.standard-items .blog-item .read-more-button, .mini-items .blog-item .read-more-button {
    background-color: #FFF;
    color: #000 !important;
    border: 2px solid !important;
    line-height: 8px !important;
}

Thanks
Mohammad

[Mohammad – SUPPORT]

Hi,
Please remove this code and use this custom css code:-

.woocommerce button.add_to_cart_button:hover {
    background: #000 none repeat scroll 0% 0% !important;
}
.standard-items .blog-item .read-more-button, .mini-items .blog-item .read-more-button {
    background-color: #FFF;
    color: #000 !important;
    border: 2px solid !important;
    line-height: 8px !important;
}

Thanks
Mohammad

[G. from V.]

Tried that, still no go.

Can you please hide the previous comment since there is access data? Thanks.

[Mohammad – SUPPORT]

Hi,
Please provide me specific page url with issues.
Thanks
Mohammad