Price Variations Dont Appear Correctly - by psydelia

This topic has 2 replies, 2 voices, and was last updated 7 years ago ago by Olga Barlow

  • Avatar: psydelia
    psydelia
    Participant
    March 3, 2017 at 13:13

    When adding price variation the prices get out of the box

    https://geekbeasts.com/product/seo-listings/

    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 3, 2017 at 18:21

    Hello,

    Go to Theme Options > Styling > Custom CSS and use the following code to make it like this http://prntscr.com/efly6j

    .single-product-booking .product-side-information-inner .price ins .amount {
        display: inline-block;
        width: 100%;
    }

    or use following code if you prefer just to change the font-size http://prntscr.com/efm1jh

    .single-product-booking .product-side-information-inner .price .amount {
        font-size: 26px;}

    Add the following code to fix variation drop-down

    .single-product-booking .product-side-information-inner .variations td.label label{
        color: #313131;
        font-size: 13px;
        padding: 15px 0 8px 0;
        text-align: left;
        text-transform: uppercase;
        font-weight: bold;
    }
    .single-product-booking .product-side-information-inner .variations tr:last-child .label {
        border: none;
    }
    .single-product-booking .product-side-information-inner .variations,
    .single-product-booking .product-side-information-inner .variations tbody,
    .single-product-booking .product-side-information-inner .variations tr,
    .single-product-booking .product-side-information-inner .variations td{
        display: inline-block !important;
    width:100%;
    }
    

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

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