Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #21879


    I placed the Name “Wolfgang Trittin” as short product description here:

    as you can see here I placed no short product description, because I do not need it in all products

    How to minimize the empty space so that “Detailansicht” is up on that position ?

    Thanks for Feedback




    You are using an iframe to insert the top book info. For some reason on the page with the huge empty space , the iframe has a height of 800px while on the other page where you had the summary, that height is only 620px. I dunno what you are using to do that, but since whatever it is , is dynamic, you need to change the logic to make sure that the iframe becomes smaller in height and not larger when you decide not to include a summary. Since you are pulling data from another website, all other settings within the iframe are outside your control unless there is some pattern to the data. But this is outside the scope of the support forum IMO.

    The css to control the height would look something like

    #top.single-product iframe {
    height: 510px;




    Hi Nick, thanks for your answer but you misunderstood me.

    I mean the space which is above the iframe.

    The word “Detailansicht” (beginning of iframe/beginning of product description) should be on the same horizontal position as the picture.

    This space is usually used by the Product Short Description. May be I could get rid of the Product Short Description at all?

    Thank you!



    Try to insert following code into the quick css field:

    #top div.product .woocommerce-tabs .panel {
    border-top: none !important;
    padding: 0 15px !important;

    #top div.product .woocommerce-tabs {
    padding: 0 !important;

    Best regards,



    Alright Sparky!

    that made a difference although it is still not at the same position as the picture.

    Firefox (Mac) and Safari (Mac) interprete this also different…



    thanks for the images you made with the arrows!! sorry for misunderstanding. Your iframe is being inserted inside <p></p> tags , so either take it out of the <p></p> tags or add the code below to your quick css.

    #top p {
    padding: 0em 0;




    Thank you

    it is much better now!

    In Safari on a Mac it is perfect, on Firefox (Mac) there is still adifference….





    I don’t have a Mac but I see it on Windows FF as well. The easiest would be to remove the <p> </p> that surrounds the <iframe.

    You can try adding this css which should target just the FF

    @-moz-document url-prefix() {
    #top div.product .woocommerce-tabs .panel {
    margin-top: -38px !important;



Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Product Short Description’ is closed to new replies.