WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > CSS > centering bottom widgets in Mog Theme in Wordpress

Reply
  Thread Tools Display Modes
Old 15th August 13, 11:10 PM   #1
RenaissanceMind
WLC Member
 
Join Date: Aug 2013
Posts: 2
Default centering bottom widgets in Mog Theme in Wordpress

Hello! I'm using Mog Theme on a site that is in the alpha stage right now, and I would like to make sure the bottom widgets remain centered on any monitor size or zoom level. If anyone tell me how to do this, I would appreciate it very much. I have beginner level experience in CSS.

Here is my site: http://www.therenaissancemind.com/

After tweaking some CSS setting, I found I could center the element by changing to "margin: 0 auto;"

However, I still haven't been able to get the three widgest side-by-side and centered.

It seems that "float: left;" makes them line up side-by-side but also pushes the element to the left of the page. Changing it to "float: none" makes it center, but doesn't line the widgets up side-by-side.

Here is my current CSS from main.css:

Code:
/* Secondary area */
#secondary{
	margin: 0 auto;
	padding: 2em 0;
	border-top: 0px solid #AAA;
}

#search{
	text-align: center;
	float: none;
	width: auto;
	margin-bottom: 1.5em;
}

aside.widget{

	float: none;
	margin: 0 auto;
	width: 13em;
	padding: 5px;

}
RenaissanceMind is offline   Reply With Quote
Old 16th August 13, 11:45 PM   #2
RenaissanceMind
WLC Member
 
Join Date: Aug 2013
Posts: 2
Default Re: centering bottom widgets in Mog Theme in Wordpress

Hello! I solved the problem thanks to the help of a user on the CSS Tricks forums . If anyone's interested (and for future reference), here is my current code:

Quote:
/* Secondary area */
#secondary{
margin: 0px auto;
padding: 2em 0;
border-top: 0px rgb(170, 170, 170);
width: 100%;
max-width: 720px;
}

#search{
text-align: center;
float: none;
width: auto;
margin-bottom: 1.5em;
}

aside.widget{

float: left;
margin: 0px auto;
width: 33.33%;
height: auto;

}
RenaissanceMind is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 01:15 PM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyrightę 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.