Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

[SOLVED] Css rows offsetting to the right.


  #1  
Old Jul 4, 2015, 04:26 AM
rosetrees
 
108 posts · Mar 2009
http://it-teacher.co.uk/armine/

Anyone got any idea what I'm doing wrong here? Whichever order I put the three rows containing the slider, blue widgets and green widgets, the second two are offset to the right.

I've tried moving the slider to the bottom - same thing happens. Green widgets row and slider row offset to the right by around 20px.

I've tried adding a cf.

What am I doing wrong? Obviously something, but what??
  #2  
Old Jul 4, 2015, 04:42 PM
juggledad's Avatar
juggledad
 
23,648 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
1) What code did you use to build the rows - copy and paste it to a reply
2) how is the width of the slider defined? Is it an option?
3) are you using a slider plugin? If so which?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jul 4, 2015, 05:28 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
There is a left margin on those two widget rows. Just set the left margin for those two widget rows to 0.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #4  
Old Jul 5, 2015, 10:05 PM
CrouchingBruin's Avatar
CrouchingBruin
 
299 posts · Aug 2010
Santa Monica, CA
Let me elaborate on Larry's reply.

You've picked a 100% grid with a 0.8% margin for your site. What this means is that the elements will stretch out across the entire width of the page, and that there will be spacing between the elements equal to 0.8% of the page width. The rule which makes this happen is this:
Code:
.row > div, .row5 > div { float: left; position: relative; margin-left: 0.8% }
What this rule says is that each immediate <div> child inside of a row will be floated left and, more importantly, there will be some blank spacing to the left equal to 0.8%. So if you have five elements stretching across the width of the row, there will be some spacing separating each element.

However, this rule will also affect the very first element, and you don't need, or want, that blank space to the left of the first element, you want it flush with the left edge of the page. That's why there is this rule a little bit further down:
Code:
.row > div:first-child, .row5 > div:first-child { margin-left: 0; }
What this rule does, then, is eliminate the blank space before the first element, so there's only spacing in between the elements.

What you've done is to put three widget rows inside another row (main). So the first rule gets applied to the three widget rows by applying a margin-left of 0.8% to them, but then the second rule gets applied to the first row, removing the leading spacing. That's why you see spacing before the second and third rows, but not the first.

What you should do, then, is just remove the row class from the main <div>. Then each widget row can stand alone as a separate row. It shouldn't affect the content <div>, which is empty anyway. Or you can move the widget rows outside (above) the main <div> if you plan on having other content in the content section.
__________________
My Montezuma-themed sites: ESHS Girls Basketball Team, Venice Hongwanji Buddhist Temple
Please consider making a donation to BytesForAll for their great themes!

Last edited by CrouchingBruin; Jul 5, 2015 at 10:07 PM.
  #5  
Old Jul 6, 2015, 07:08 AM
rosetrees
 
108 posts · Mar 2009
CrouchingBruin - thank you so much. That was the answer. I owe you a large beer.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Links in header go to two rows tincek Montezuma Theme 2 Nov 2, 2012 05:45 AM
New widget area with 2 rows of cells? blueprairie Sidebars & Widgets 2 Oct 27, 2010 11:48 AM
How do I get two or more horizontal category rows on top centered docfox Header configuration & styling 0 Jan 19, 2010 06:06 AM
The order of the header's rows and... ahc Header configuration & styling 2 Jun 2, 2009 02:54 PM


All times are GMT -6. The time now is 04:03 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.