Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Correct Slanted Section Dividers in Wordpress Theme

Posted on 2014-12-23
5
Medium Priority
?
325 Views
Last Modified: 2014-12-24
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!
0
Comment
Question by:43homes
  • 3
  • 2
5 Comments
 
LVL 29

Accepted Solution

by:
chilternPC earned 2000 total points
ID: 40516294
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
 

Author Comment

by:43homes
ID: 40516527
I'd like to keep the slopes, just eliminate the black and make the slopes go in the same direction between sections.
0
 
LVL 29

Expert Comment

by:chilternPC
ID: 40517174
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
 

Author Comment

by:43homes
ID: 40517239
I tried switching them around and gave up. Thanks for the help. I was looking in the wrong place.
0
 

Author Closing Comment

by:43homes
ID: 40517240
Thanks again.
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses

877 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question