Magazine pro Home middle widget does not behave!

[Annaedv]

Hello
I use Magazine and I want the Home middle wiget to be splited int two - just as the theme is in the demo. My posts shows up in just one column.
My attention is to build Home middle into four columns but step one is to have the theme to work as it suppose to be.
/Anna

http://linwp.it4u.se/norsjo

[Davinder Singh Kainth]

Add another widget to middle widget area. Ideally, first widget shows on left side and second widget shows on right side.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Annaedv]

I was going to duplicate the widgets and change the ID. But the theme doesn´t look and work like the demo! Do you know why it doesn´t behave as i should?
/Anna

[Davinder Singh Kainth]

Add another widget to area where you have "Äta & Bo" as of now. It will display right side of this current widget.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Annaedv]

Hello. I understand what you want me to do. But the original theme doesn´t behave at all as the demo!
My posts ends up only in one column (in Home - Middle). And now I have the original functions and css so you can see what I mean.

Anna

[Davinder Singh Kainth]

Anna, now content is displaying in 2 columns - this is how you wanted ?

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Annaedv]

Hello.
Yes, to start with. But the Home-Middle-Widget doesn´t work with pages. It works with posts only, where I can select it feature post to be 4.
Now I have to ponder how the four posts will lay in one row. (not in two as it is now).

Anna

[Davinder Singh Kainth]

To switch to 4 columns, make following changes to style.css file. Backup before making changes.

1. Replace following code

.home-middle .featured-content .entry {
	width: 360px;
}

with this code...

.home-middle .featured-content .entry {
	width: 25%; padding: 0 1%;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

2. Replace following code

.home-middle .featured-content .entry:nth-of-type(2n+1) {
	clear: left;
	margin-right: 30px; 
}

with this...

.home-middle .featured-content .entry:nth-of-type(4n+1) {
	clear: left;	
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

Above two steps will make middle widget display 4 posts in a row. For showing pages, you need to create separate widgets column wise as current middle widget setup won't work with that.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Annaedv]

Hello!
You make my day! This looks exactly as I wanted! Thank you!
/Anna

[Davinder Singh Kainth]

Cool, to align text better - you can center it.

Add text-align: center; to...

.home-middle .featured-content .entry {
	width: 25%; 
        padding: 0 1%;
        text-align: center;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Annaedv]

Oh my....you understand me with out me saying anything! Thank u!
/Anna

[Davinder Singh Kainth]

Welcome!

Looks much better now.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Author]

Posts