Changing Fontsize and Color in Productpage (Grouped Products)

This topic has 7 replies, 3 voices, and was last updated 8 years, 10 months ago ago by Robert Hall

  • Avatar: nitchmenscare
    nitchmenscare
    Participant
    June 16, 2015 at 14:01

    Hey guys,

    i have a grouped product on my website but i can’t find the option to change fontsize and color of the attributes of the grouped product.

    Here the grouped product

    As you can see the “CHF 15.00”, “CHF 25.00” and also the “in stock” is way to big. Also the text before is unfortunately in white so you can’t see it. How can i change this?

    Thank you for your quick reply.

    Kind Regards,
    Andy

    6 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    June 16, 2015 at 14:28

    Hello,

    Please add this code in custom css in Theme Options > Typography > Custom CSS:

    .group_table td.label {
        color: grey !important;
    }
    .group_table td.price .amount, .stock.in-stock {
        font-size: 15px !important;
    }

    Regards,
    Eva Kemp.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 16, 2015 at 14:29

    Hello,

    Please use this code in custom.css file

    .cart label{
    color:#000;
    }
    .group_table td.price .amount {
      font-size: 16px;
    }
    .cart .in-stock{
    font-size: 16px;
    }

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.
    Regards,
    Robert Hall.

    Avatar: nitchmenscare
    nitchmenscare
    Participant
    June 16, 2015 at 14:49

    Hi Eva
    Hi Robert

    Wow, this is perfect support, thank you very much. Both ways worked fine, i just used roberts in the theme options under custom css.

    Now i have the problem that it doesn’t look that good. Is there a possibility to set the title of the product on the same height as the price?

    product page

    the price is nice in the middle of the quantity window, but the title of product ist to deep.

    Regards,
    Andy

    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 16, 2015 at 15:04

    Please try to use this code

    .cart .label label{
      margin-bottom: 35px;
    }

    Regards,
    Robert Hall.

    Avatar: nitchmenscare
    nitchmenscare
    Participant
    June 16, 2015 at 15:24

    Thank you very much!

    worked perfectly!

    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 16, 2015 at 15:54

    You’re welcome!

    Regards,
    Robert Hall.

  • Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Changing Fontsize and Color in Productpage (Grouped Products)’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.