Change space between line text and size image product

[FLYFLY]

Hi
How i can reduce the space between line text in the single product page and the size of the picture.
I’ve post a picture.
Thanks

And the size of the image of the category ?

Thank

[mldarshana]

Hi There,

Thanks for writing in! Please provide us with the URL to your example product page, so that we can assist you with a possible workaround.

Thanks!

[FLYFLY]

Thanks

Pack Adulte 3 vols double durée. Simulateur de chute libre VOLOMAX

[Prasant]

Hello @FLYFLY,

Thanks for asking.

You can add following CSS under X > Theme Options > CSS to change the side of image:

.woocommerce div.product .images {
    width: 40%;
}

Add following CSS under X > Theme Options > CSS to change size of texts:

.woocommerce div.product .summary p {
    font-size: 12px;
}

I also noticed that along with Add To Basket button you have Offer This Product button as well. However the styling of Offer This Product is looking quite odd https://cl.ly/2a030S3R0639. If you would like to mimic the style of Add To Basket button please add following CSS under X > Theme Options CSS:

#give-as-present {
    color: #ffffff;
    border-color: rgb(40,43,45);
    background-color: rgb(40,43,45);
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
    display: inline-block;
    position: relative;
    padding: 0.563em 1.125em 0.813em;
    cursor: pointer;
    font-size: 16px;
    font-weight: inherit;
    line-height: 1.3;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

#give-as-present:hover {
    color: #ffffff;
    border-color: rgb(83,89,95);
    background-color: rgb(83,89,95);
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
}

Let us know how it goes.

Thanks.