Support » Plugin: WooCommerce » Shop Page Titles

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Support Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    Hi @carena!

    Do I need to decrease font and if so, how?

    You can use the following CSS code to make the font-size a bit smaller so that it fits:

    .woocommerce-loop-product__title {
        font-size: 10px !important;
    }

    You can add that to the “Additional CSS” section in your customizer.

    Cheers!

    carena

    (@carena)

    Rynald0s, thank you so much, this worked perfectly! Appreciate it!!

    Could I please also ask you, would you happen to know how to change the size of the box that says “SELECT OPTIONS” underneath products and font size?

    Thank you so much again!

    Plugin Support Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    Hi @carena!

    You’re very welcome.

    Could I please also ask you, would you happen to know how to change the size of the box that says “SELECT OPTIONS” underneath products and font size?

    As in making it bigger in length or height?

    Cheers!

    carena

    (@carena)

    I’d like to change the length of the box, maybe slightly smaller and font size of the words.

    I had also asked in my other support ticket about actually changing the words inside the box from “SELECT OPTIONS” to something else and you referred me to a free plugin in order to change the words, thank you so much for that!

    carena

    (@carena)

    Btw so as not to confuse you, as far as the box, I guess what I mean is just looking to make it slightly smaller overall or if not maybe just the length of it, which then I’m assuming I would have to decrease font some too.

    Thank you for all your help.

    Plugin Support Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    Hi @carena!

    OK, you can see if the following CSS helps:

    .woocommerce .product .add_to_cart_button.button {
        font-size: 11px;
    }

    Cheers!

    carena

    (@carena)

    It worked! Thank youuu!!!

    Rynald0s one other question, sorry for another one, you have been so helpful…any way to change the tab color for the “View Cart” on the product page https://mexicanappetizersandmore.com/product/hot-columbian-mama-embroidered-apron/ and the tabs underneath the product picture “Description” “Additional Information?”

    Again so sorry to ask another question, just really trying to get these steps all set up and look better, you have been so helpful…

    Thank youuuuu

    Plugin Support Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    Hi @carena!

    any way to change the tab color for the “View Cart” on the product page

    You can see if this works:

    .woocommerce-page .woocommerce-message .button {
        background-color: pink;
    }

    and the tabs underneath the product picture “Description” “Additional Information?”

    You can try this:

    .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
        background: pink;
    }

    Cheers!

    carena

    (@carena)

    Thank youuuuuu Rynald0s!!!!!!!! You have been extremely helpful! Thank you again for all your help!

Viewing 9 replies - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.