changing #container width

  • Resolved ramin-36

    (@ramin-36)


    11 years, 1 month ago

    Hey I have a problem changing the main container with.
    I have a Asteroid child where I can change the width setting it to a percentage value, (e.g. width: 92%;)
    But when on the page it overwrites the value with another value coming from media=screen, and I dont know where this is set.

    media="screen"
#container {
width: 976px;
}
media="all"
@media screen
#container {
background-color: #FFF;
border: 8px solid #000;
margin: auto;
width: 92%;
...

    width 92% is just crossed

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author ronangelo

    (@ronangelo)

    The 976px comes from the values set on the options page.

    The code below would work if added on Asteroid Options -> Custom CSS

    #container { width: 92%; }

    If instead you’re adding it on the child theme’s style.css, use this:

    body div#container { width: 92%; }

    If that doesn’t work, add the !important declaration.

    body div#container { width: 92% !important; }
    Thread Starter ramin-36

    (@ramin-36)

    great thank you Ron, didn’t see the options before.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘changing #container width’ is closed to new replies.