• Closed
  • Jim Tuinstra
    Spectator
    June 15, 2016 at 2:57 pm #28427

    Hello,

    I have some troubles with some big white or gray spaces on some pages. how can i get rid of them?
    its especially visible while your on mobile size. for example look at ”maak een afspraak” page on my site : http://www.lookssalon.nl

    I hope u can help me!

    Gr Jim

    Jim Tuinstra
    Spectator
    Posts: 18
    June 15, 2016 at 4:01 pm #28428

    and now i also noticed a dark blue border underneath the slider.
    how can i remove that too?

    Denzel Chia
    Moderator
    Posts: 2656
    June 16, 2016 at 3:07 am #28433

    Hi,

    Please go to Theme Options -> Header -> Header Widgets
    Find the setting -> Number of widget cols in header
    Select the first option and save changes.

    Please clear your cache plugin or server cache, if there is any.

    Please get back to me, after you had done the above.
    We will proceed with using Custom CSS to fix remaining issues.

    Thank you

    Jim Tuinstra
    Spectator
    Posts: 18
    June 16, 2016 at 9:59 am #28436

    That worked a bit!
    But still there is a space underneath the slider. on the contact page.
    I noticed that in that space usually the google maps plugin is.

    I hope u can help me further with your custom css 🙂

    thanks in forward!

    Gr Jim

    Daniel Jones
    Spectator
    Posts: 148
    June 16, 2016 at 1:26 pm #28439

    Hi Jim,

    Thanks for contacting us.

    I don’t seem to get the page you’re referring to. Kindly could you share with me the link to that page so that I may figure out the right CSS for you.

    Looking forward to your reply.

    Jim Tuinstra
    Spectator
    Posts: 18
    June 16, 2016 at 3:00 pm #28441

    ofcourse its this page : http://lookssalon.nl/afspraak-2/
    And on all the pages there is a blue stroke underneath the slider. and if i turn that off there is a weird gradient in the stroke.

    Thanks for your help already!

    Gr Jim

    Denzel Chia
    Moderator
    Posts: 2656
    June 17, 2016 at 4:22 am #28452

    Hi,

    Found the following CSS codes.


    .t4press-flexslider .background {
    background-position: center top !important;
    background-size: 100% auto !important;
    }

    Did you add them yourself?
    The background-size css code is the problem.

    If you remove the background-size, it will cover the entire div.

    Thank you.

    Jim Tuinstra
    Spectator
    Posts: 18
    June 17, 2016 at 10:46 am #28456

    yes i add them myself.
    because if i remove that code the image in the slider is not responsive.
    so thats the problem how can i solve that?

    Gr Jim

    Daniel Jones
    Spectator
    Posts: 148
    June 17, 2016 at 11:47 am #28458

    Hi Jim,

    Thanks for reaching out to us again.

    Kindly use the following code to remove the white blank space below the slider:

    .page-template-contact-php #gmap {
    display: none!important;
    }

    For the dark blue stroke underneath the slider, kindly could you remove the code you added so that I may figure out how the issue is and help.

    Looking forward to your reply.

    Jim Tuinstra
    Spectator
    Posts: 18
    June 24, 2016 at 11:21 am #28582

    Thanks! the white spaces are gone!
    Much apreciated!

    Could you also provide a code to get rid of the dark blue spaces?

    Thanks in forward !

    Daniel Jones
    Spectator
    Posts: 148
    June 24, 2016 at 1:18 pm #28584

    Hi Jim,

    Try out the following code:

    .bgimgcolum {
    padding-bottom: 27%!important;
    }

    I hope that helps.