Correct Slanted Section Dividers in Wordpress Theme

You can view the site in question at 43realestate.com and see the problem between the yellow and blue sections as well as between the red and gray sections at the bottom. Specifically, the sections should flow seamlessly with the slants of the adjacent sections going in the same direction, just as it does between the blue and red sections.  

This was a purchased theme and I re-ordered the sections, which is what threw the alignment off. I have attached the CSS file. It seems like the controls for these blocks starts at line 708, but I have changed the order of the border color elements and it does not do anything to fix the problem.

Your help is greatly appreciated and will help me stop banging my head against the wall!
43homesAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
chilternPCConnect With a Mentor Commented:
this looks like it might work (I'm assuming you want to get rid of the slopes)

back up the style sheet first (main.css) and find and change the following
From:
.section2 .bot_box, .section4 .bot_box, .section6 .bot_box, .section8 .bot_box, .section10 .bot_box, .section12 .bot_box {
border-width: 0 2880px 60px 0;
border-style: solid dashed solid solid;
}
and
.section3 .bot_box, .section5 .bot_box, .section7 .bot_box, .section9 .bot_box, .section11 .bot_box {
border-width: 60px 2880px 0 0;
border-style: solid dashed solid solid;
}

to the following:
.section2 .bot_box, .section4 .bot_box, .section6 .bot_box, .section8 .bot_box, .section10 .bot_box, .section12 .bot_box {
border-width: 0 0px 0px 0px;
border-style: solid dashed solid solid;
}

.section3 .top_box, .section5 .top_box, .section7 .top_box, .section9 .top_box, .section11 .top_box {
border-width: 40px 0 0 0px;
border-style: solid solid solid dashed;
}

this removes the slants all together
0
 
43homesAuthor Commented:
I'd like to keep the slopes, just eliminate the black and make the slopes go in the same direction between sections.
0
 
chilternPCCommented:
I think you;ll probably have to play ariund with the 2 statements and change the statements:


border-width: 0 2880px 60px 0;

border-width: 60px 2880px 0 0;

the to 2 styles section 2 ad section 3

maybe swap them around?  (the slope  is not nice IMHO)
0
 
43homesAuthor Commented:
I tried switching them around and gave up. Thanks for the help. I was looking in the wrong place.
0
 
43homesAuthor Commented:
Thanks again.
0
All Courses

From novice to tech pro — start learning today.