Max width issues

  • mccartneyk

    (@mccartneyk)


    10 years, 11 months ago

    My theme (real estate pro 6) has a container with a max width of 1000px. Everything works great except for the few photons on some pages or divs with colored backround thats I want to span the whole width of the page so they are completely taking up the screen left to right. If I override the container tag for that page and change the max width to be 100% of course all menus and tax now snap to the edges of the screen throwing off my layout. Any ideas on how I can keep this container so menus and other items stay floated exactly where they are but still allow for me to have a few pages with colored divs or images that fit the width of the screen? Right now as you could image if I drop in a picture or div with a width of 100% it only fills the 1000px wide container class that everything in the site lives within. All ideas would be greatly appreciated. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Phil

    (@websterwebguru)

    10 years, 11 months ago

    I’m not familiar with this particular theme but, if you add a <div> which contains the .container you can make that full width something like this:

    <div class="full-width">
     <div class="container">

    This will work for the background colors for sure. For the images it depends where they are on the page compared to the container content, but it should work in a manner like this:

    <div class="full-width">
     <img>
     <div class="container">

    Hopefully this helps

    Thread Starter mccartneyk

    (@mccartneyk)

    10 years, 11 months ago

    Well the container tag is wrapping the whole site at this point. Since WordPress is put tother from many PHP files its hard to move that container and make it not wrap the whole site.

    Phil

    (@websterwebguru)

    10 years, 11 months ago

    If you are still looking for help with this. You will likely find the opening container tag in header.php and the closing tag in footer.php If it is a well documented theme you should see something like this in the footer.
    </div><!--container-->

    Which you could change to:

    </div><!-- container -->
</div><!-- full-width -->

    Let me know if this helps

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Max width issues’ is closed to new replies.