Support » Theme: Asteroid » changing #container width

  • Resolved ramin-36


    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.

    #container {
    width: 976px;
    @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


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

    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.