How did you do this?
I’d do this by giving #container a max-width of 1200px (Theme Options -> Css styles). Perhaps you specified the width for #wrapper or #content?
That’s exactly what I did in css for container: max-width: 1100px !important
But they are still uneven in width:(
Can you post a link to your website?
It seems your site includes these three stylesheets:
/wp-content/themes/responsive-childtheme-master/style.css?ver=1.0.0
/wp-content/themes/responsive/core/css/style.css
/wp-content/themes/responsive/core/css/style.css?ver=1.9.7.2
The are mostly the same if not copies, so check your header.
In this css:
/wp-content/themes/responsive-childtheme-master/style.css?ver=1.0.0
#featured gets a padding-left of 15px.
Give that to #featured-content instead.
Giving padding-left of 15px to #featured-content – worked just perfectly. Now the layout is even. Thanks for that!
Regarding 3 stylesheets, the one /wp-content/themes/responsive-childtheme-master/style.css?ver=1.0.0 is my childtheme css obviuosly and the other ones are from parent theme.
Does they have to do something with the changes I make on my site? I checked them and one that /wp-content/themes/responsive/core/css/style.css is indeed the same as my childtheme css. And the last one differs a little bit.
Do I have to do something with them?
The css file of your child theme does not need to have the same content – in fact it does not have to have any content at all, for CyberChimp’s Responsive theme.
They have a how to here:
http://cyberchimps.com/guide/how-to-install-responsive-child-theme/
Oh yeah, I’ve seen that tutorial. I don’t remember what tutorial I was using by the time, I activated child theme. Anyways, what do I do with existing css? Can I leave it like that with a content in it?
Back to the problem above. After giving padding-left of 15px to #featured-content, the layout become even, but my featured content area (which is on the right)shifted underneath content area. How do i align it back? I’m not sure how to edit .css in this case.
