executive theme home middle widgets area

[Tracy]

I seem to be having issues specific to Internet Explorer on this website. I particular problem I am facing is using the executive theme there are 2 areas each holding 3 featured pages. I would like the Home – Middle Widget area to hold only 2 widget areas 50% width each. I thought that I had managed to this but now I see that viewing with Internet Explorer it shows 3 sections still. 1 blank of course because I only dragged 2 widgets into place. viewing with Google Chrome and also Firefox display my 2 equal. Can you help me with this. I am pasting my code below.
/* Home Page
------------------------------------------------------------ */

.home-middle,
.home-top {
background-color: #fffbf4;
clear: both;
overflow: hidden;
padding: 60px 40px 0;
}

.home-middle .widget,
.home-top .widget {
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 0 30px;
width: 33%;
}

.home-middle .widget,
.home-middle.widget {
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 0 30px;
width: 50%;
}
I don't think I made any changes to the home.php so I didn't post it here for you.
Thanks for the help

http://riverquest.ca/2013

[AnitaC]

I am still seeing three widgets in Firefox. Did you revert back to the original set up?

---

Need help with customization or troubleshooting? Reach out to me.

[Tracy]

anitac I am home on a different computer again and all 3 browsers show the .home-middle.widget with the 2 - 50%width correctly now. working on this site have been fairly strange in the fact that IE displays differently and I am still struggling with some custom color styles not changing on a couple of other computers. for now, I guess I will watch and eventually the changes may resolve??
Thankyou

[Brad Dalton]

This is the code i tested locally and it works:

.home-middle .widget {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 0 30px;
	width: 49.5%;
}

---

Tutorials for StudioPress Themes.

[AnitaC]

If Brad's code doesn't work - add the !important with the width like this:

width: 49.5% !important;

---

Need help with customization or troubleshooting? Reach out to me.

[Tracy]

thank you both, it did seem to be resolved yesterday but after reading your replies I just changed it from 50% to 49.5% because you both know more than I do for sure. thanks...

[cenapin]

What is the font-size for Title on Feature-page? Where can I change it?. I changed the following code on css file on EXECUTIVE PRO theme, but nothing happened. These titles might not be a header ???? Any Answer I will be appreciated

h1 {
font-size: 42px;
font-size: 4.2rem;
}

h2 {
font-size: 36px;
font-size: 3.6rem;
}

h3 {
font-size: 30px;
font-size: 3rem;
}

h4 {
font-size: 24px;
font-size: 2.4rem;
}

h5 {
font-size: 20px;
font-size: 2rem;
}

h6 {
font-size: 16px;
font-size: 1.6rem;
}

[Author]

Posts