WordPress.org

Ready to get started?Download WordPress

Forums

Mantra
[resolved] Remove space above slider (6 posts)

  1. cpekid
    Member
    Posted 1 year ago #

    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

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  3. cpekid
    Member
    Posted 1 year ago #

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

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

  5. cpekid
    Member
    Posted 1 year ago #

    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; ?>;
    }

  6. neeraj kumar
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic