Support » Theme: Mantra » Remove space above slider

  • 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)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

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

    @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.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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.

    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.