[resolved] changing #container width (3 posts)

  1. ramin-36
    Posted 1 year 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.

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

    width 92% is just crossed

  2. ronangelo
    Theme Author

    Posted 1 year ago #

    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; }
  3. ramin-36
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic