WordPress.org

1. flemingworks
   Member
   Posted 4 months ago #
   

   Hi,

   I would like to make my main content and my sidebar equal widths. I have been fiddling with firebug and trying to add different css to my child theme to no avail.

   I have tried the code below using several different percentages but my columns do not change at all. Any ideas on what I can add to get equally sized columns for my content and sidebar?

   Thanks!

   @media screen and (min-width: 600px) {
   .site-content {
   width: 45%
   }
   .widget-area {
   width: 45%
   }
   }
   .ie .site-content {
   width: 45%
   }
   .ie .widget-area {
   width: 45%
   }

2. WPyogi
   Volunteer Moderator
   Posted 4 months ago #
   

   You are missing semi-colons at the end of each style line.

3. flemingworks
   Member
   Posted 4 months ago #
   

   OMG thanks! I added them and updated but it still wasn't working so I shifted this code to the top of my child's theme css file and that did the trick. Thank you!

4. flemingworks
   Member
   Posted 4 months ago #
   

   marking as resolved

5. WPyogi
   Volunteer Moderator
   Posted 4 months ago #
   

   That means you probably have other errors in the other code in your child theme stylesheet - try validating it regularly to make sure you are valid.

   http://jigsaw.w3.org/css-validator/

Reply

You must log in to post.