Styling Enterprise Home top

[carolepyke]

I have created a new widget for home top in the Enterprise theme so that I have two widgets side by side. I have got them working side by side but the text in my home right widget is lower down. I have tried margins and padding to move the text up but nothing seems to work. Please help. The site is http://www.healthylivingoutloud.com

http://www.healthylivingoutloud.com

[emasai]

I'm not sure if you mean that the text on the right of the orange is too low? Try changing line 1237 to this

.home-top .featured-content .entry-header {
border: none;
padding: 3% 40px 0;}

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[carolepyke]

Sorry I wasn't showing the two widgets. You can now see what I mean with the text.

[emasai]

Your second widget is not styled, so it is full width 1140px and slips below the left widget. You need to add css styles give it a width and float it to the right of the other widget.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[carolepyke]

Hi Lynne, thank you for replying. this is the styling i have in the css i know that it doesn't work. I've tried different margins and padding , changed the size of the home top featured image but i cant seem to make it work can you suggest other options. thank you.

.home-right {
border: none;
padding: 3% 40px 0;}
float: right;
width: 500px;

[emasai]

As the css is not showing up, I think you have a caching problem, either on your site or on your hosting server. If so, turn it off while developing or flush the cache every time you make a change.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

Try this
.home-top {
border-top: 1px solid #ececec;
max-width: 500px;
float: left;
}

but .home-right still is not showing in the css.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[Author]

Posts