Return to previous page

Price Variations Dont Appear Correctly - by psydelia

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

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/

#156178 Copied

1 Answer

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

#156208 Copied