WooCommerce product image and short description no longer aligned

Viewing 6 replies - 1 through 6 (of 6 total)
  • vpraveen60

    (@vpraveen60)

    6 years, 5 months ago

    Hi

    We can see in the inspect Element that the summary div width is given 65% (inside the media query) just take that out since summary width 48% is already given from https://prorider.ro/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=3.8.0.

    Issue – https://prnt.sc/pzlc1j
    Resolved – https://prnt.sc/pzlcu0

    Thread Starter Lina

    (@jumbureto)

    6 years, 5 months ago

    Hello @vpraveen60 !
    Thank you for your time and response.

    I apologize as I am too beginner to understand how those changes occurred.
    All product pages being affected, i suppose it is a setting to be changed in the WooCommerce Dashboard?
    Could you please guide me with some more details how to proceed to correct the width?

    Thank you again.
    BR,
    Lina

    vpraveen60

    (@vpraveen60)

    6 years, 5 months ago

    Hi

    Try to find single product php file in the backed end.
    look for line no 62 in the code i belive you will find below css, and just take out the width for the same.

    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 65%;
    padding-left: 4%;
    }

    Thank you
    Praveen Valmiki

    Thread Starter Lina

    (@jumbureto)

    6 years, 5 months ago

    hello again @vpraveen60
    I must be misunderstanding something, because I found the “single-product.php”
    -public_html/wp-content/plugins/woocommerce/templates-
    and there are 61 lines in total – so i think I’m not at the correct address…

    Where exactly is that file?
    I would like to edit safely and with no complementary consequences…

    Thank you again for your assistance.
    BR,
    Lina

    vpraveen60

    (@vpraveen60)

    6 years, 5 months ago

    Hi

    Really strange, but you can try with below options

    Option1: Install this plugin https://wordpress.org/plugins/string-locator/ and search for the width or class in the search result you will find the filename and you can edit it.

    Option2: Paste this below css in Single-product/header/footer php file

    <style>
    @media only screen and (min-width: 769px){
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 48% !IMPORTANT;
    }
    }
    </style>

    Thank you
    Praveen Valmiki

    Thread Starter Lina

    (@jumbureto)

    6 years, 5 months ago

    Hello @vpraveen60
    Thank you for your help.

    Option 2 did the work.
    Have a good day.

    BR,
    Lina

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘WooCommerce product image and short description no longer aligned’ is closed to new replies.