• Resolved cpekid

    (@cpekid)


    Hi, I’ve tried a bunch of css tweaks to try to remove the white space above the slider on the Front Page so that the slider is flush against the menu. Can someone help me out? Here is the link:

    Thanks in advance

Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you post here the CSS you’ve tried, so forum volunteers don’t recommend code you’re already used?

    Thread Starter cpekid

    (@cpekid)

    @andrew, ok. These are the changes that I’ve attempted so far:

    /* =Structure
    ————————————————————– */

    /* The main theme structure */

    #branding {
    display:block;
    float:none;
    clear:both;
    height:0px; /*changed from 75px*/
    padding-top:0;
    padding-top:0px;
    padding-bottom:0px;
    }

    #forbottom {
    min-height:100px; /*changed from 200px – */
    }

    #wrapper {
    padding: 0px 0 0; /*changed from 10px*/
    }
    I’ve also looked at the Nivo Slider code, but there was nothing that referred to a top margin or padding.
    I am guessing it has something to do with the title that would be in that spot because when added, the white space gets even taller, but I’m at a loss to remove the space all together.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You need to get rid of the <style> tag within your <body> document. It shouldn’t be there, it’s creating this formatting issue. It should be within the <head>.
    Then reduce padding-top to zero on your breadcrumbs.

    Thread Starter cpekid

    (@cpekid)

    Thanks Andrew. I couldn’t quite figure out how to follow your instructions, but I finally found the solution on my own. My mistake was looking in the style.css file when the fix was in the theme-frontpage.php file. In case anyone else needs this info, here is what I did:

    Edit the
    Mantra: theme-frontpage.php file

    Reduce the Slider margin to 0

    #slider{
    max-width:<?php echo $mantra_fpsliderwidth ?>px ;
    height:<?php echo $mantra_fpsliderheight ?>px ;
    margin:0px auto 20px;
    display:block;
    float:none;
    border:<?php echo $mantra_fpsliderborderwidth.’px solid ‘.$mantra_fpsliderbordercolor; ?>;
    }

    neeraj kumar

    (@neerajkumar189gmailcom)

    i don’t have theme-frontpage.php file what should i do ?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Remove space above slider’ is closed to new replies.