Inside Container Margins

  • I am working on this website: https://pittsburghyouthleadership.org

    I am using meteor slides plugin. I would like the slideshow to extend to the sides of the container. There is no padding or margins on the slides. I’m guessing there is a container within the container, but I don’t know what it’s called to change it’s css.

    While I’m are there any suggestions on how to eliminate the gap between the main menu bar and the container?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter stauber28

    (@stauber28)

    Solved the second question of eliminating the space between the menu and container.

    I just put negative values into the margin size for the menu until it was aligned with the top of the container. Then reduced the header height to bring them both back up.

    /* to bring menu down*/
    #access{
    margin-bottom: -44px;
    }

    to bring menu and container up go to
    Theme Settings > Header > Header Height

    Thread Starter stauber28

    (@stauber28)

    Ok, just solved the problem of getting the slideshow full size. This took me a while to figure, so hopefully this will save someone else some time. Well, after changing every margin and padding setting I could find, I decided to put the slideshow in a <div id=”whatever”> then write some css for the div

    div#whatever{
    width: 1000px;
    margin-left:-20px;
    }

    Worked like a charm, this makes the slides the full width and the text keeps it’s padding.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Inside Container Margins’ is closed to new replies.