White space between widgets - by sonic - on WordPress WooCommerce support

This topic has 8 replies, 5 voices, and was last updated 9 years, 6 months ago ago by Robert Hall

  • Avatar: sonic
    sonic
    Participant
    November 26, 2015 at 13:44

    Hi,
    I had a request yesterday, pls see here: https://www.8theme.com/topic/logo-new-in-shop-and-menu-on-mobile/ – it is closed now.

    But since the changes in the CSS, I have now problems on my homepage, that is white spaces which havent been there before, pls see those screenshots:
    http://prntscr.com/97579o
    http://prntscr.com/9757b1

    I think that is related to the changes you proposed yesterday in the other thread. my current CSS which I implemented yesterday is:
    @media (max-width: 480px){
    .header5 .shopping-cart-widget .cart-summ > a{color:white;}
    .shopping-cart-widget .items{color:white!important;}
    .shopping-cart-widget .for-label{color:white!important;}
    .shopping-cart-widget .price-summ {color:white!important}
    .top-bar .my-account-link:before{color:white!important;}
    .slider-4774 {margin-top: -100px;}}

    @media (max-width: 480px){
    .shopping-cart-widget .cart-summ > a:before{color:white!important;}}

    Pls help.

    Thanks
    Sonic

    7 Answers
    Avatar: Brian Johnson
    Brian Johnson
    Member
    November 26, 2015 at 15:03

    Hello

    Regarding the css styles – they are fine and the 1 line you may add to remove gap is:

    .slider-container{margin-top:-200px}
    .vc_custom_1398413457173{margin-top:200px}

    The white gap can be seen only from admin panel and not related to our theme options. Please check your .htaccess file or contact your host provider.

    Regards,
    Brian Johnson

    Avatar: sonic
    sonic
    Participant
    November 26, 2015 at 16:38

    Hi Brian,

    thanks for your answer.

    1.) The white gap on the top can also be seen as a normal user, not only from admin panel. And this gap did not exist before yesterday when I implemented the CSS code above.

    2.) For adding the two lines: can i just write it below the other lines? So the final code looks like this:
    @media (max-width: 480px){
    .header5 .shopping-cart-widget .cart-summ > a{color:white;}
    .shopping-cart-widget .items{color:white!important;}
    .shopping-cart-widget .for-label{color:white!important;}
    .shopping-cart-widget .price-summ {color:white!important}
    .top-bar .my-account-link:before{color:white!important;}
    .slider-4774 {margin-top: -100px;}}

    @media (max-width: 480px){
    .shopping-cart-widget .cart-summ > a:before{color:white!important;}}
    .slider-container{margin-top:-200px}
    .vc_custom_1398413457173{margin-top:200px}

    Thanks
    Sonic

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    November 26, 2015 at 17:36

    Hello,

    1. As I see the gap isn’t shown:
    http://storage8.static.itmages.com/i/15/1126/h_1448555759_5697079_0cfd3ef121.png

    Please clear browser cache and check again.

    2. Yes, you can write the code in that order.

    Best regards,
    Jack Richardson.

    Avatar: sonic
    sonic
    Participant
    November 30, 2015 at 21:01

    Hi,

    now there is another problem: since i made the changes above, the space between the product description and cross selling widget on the product pages is too small, see screenshot: http://prntscr.com/98tdnn

    Pls help
    Sonic

    Avatar: stan
    Stan Russell
    Participant
    December 1, 2015 at 08:32

    Hello sonic,

    please try to use following code:

    .single-product-page .slider-container h2 {
    margin-top:40px;
    }

    Regards,
    Stan Russell.

    Avatar: sonic
    sonic
    Participant
    December 4, 2015 at 10:40

    that worked, thanks

    Avatar: Robert Hall
    Robert Hall
    Participant
    December 4, 2015 at 11:10

    Hello,

    You’re welcome!

    Regards,
    Robert Hall.

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

The issue related to '‘White space between widgets’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

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