• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Reply To: Home Feature Section CSS

Home › Community Forums › Optimal Theme Support › Home Feature Section CSS › Reply To: Home Feature Section CSS

August 17, 2012 at 12:57 am #1251
mjohnson
Customer

Wes,

It’s not perfect, but if I modify CSS to make it perfect in IE7&8, the current browsers will not provide accurate view. You may not run across this in the future, but I wanted to provide the final CSS in case someone else runs into the issue. If you’re interested, you can see the corrected page at: ttp://cardio2.icmhostingdsm.com/error-corrected

Still have to work out the footer, but that shouldn’t be a problem.

 

/* Home Feature Section
———————————————————— */

.home-feature-wrap {

background: url(images/border-img-x_blu.png) repeat-x scroll center top transparent;
clear:both;
overflow: hidden;
padding: 30px 0;
width: 1090px;
}

.home-feature-sidebar {
//font-size: 14px;
//float: left;
//    line-height: 22px;
//margin: 0;
//padding-right: 30px;
//width: 220px;

float: left;
margin: 0 30px 0 0;
width: 320px;
}

.home-feature-sidebar h4 {
color: #333;
font-family: ‘Oswald’,arial,sans-serif;
font-size: 28px;
font-weight: normal;
line-height: 34px;
text-transform: none;
}

.home-feature-sidebar p {
margin: 0 0 15px;
}

.home-feature-section {
//background: url(images/border-img.png) repeat-y scroll left center transparent;
float: left;
font-size: 14px;
line-height: 22px;
//padding-left: 40px;
width: 670px;
}

.home-feature-section p {
margin: 0 0 15px;
}

.home-feature-1 {
float: left;
margin: 0 30px 0 0;
width: 320px;
}

.home-feature-2 {
float: right;
margin: 0;
width: 320px;
}

.home-feature-1 h4,
.home-feature-2 h4 {
color: #333333;
font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 0 0 10px;
padding: 0;
}

.home-feature-1 .widget,
.home-feature-2 .widget {
margin: 0 0 30px;
}

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2022 · Appfinite · Built With The Genesis Framework