Community Forums › Forums › Archived Forums › Design Tips and Tricks › Magazine pro Home middle widget does not behave!
Tagged: home middle, Magazine Pro
- This topic has 13 replies, 2 voices, and was last updated 9 years, 5 months ago by Davinder Singh Kainth.
-
AuthorPosts
-
November 21, 2014 at 4:32 am #132362AnnaedvParticipant
Hello
http://linwp.it4u.se/norsjo
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.
/AnnaNovember 23, 2014 at 12:50 am #132567Davinder Singh KainthMemberAdd 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 ThemesNovember 24, 2014 at 7:27 am #132662AnnaedvParticipantI 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?
/AnnaNovember 25, 2014 at 7:19 am #132744Davinder Singh KainthMemberAdd 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 ThemesNovember 26, 2014 at 1:42 am #132849AnnaedvParticipantHello. 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
November 27, 2014 at 12:16 am #132933Davinder Singh KainthMemberAnna, 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 ThemesNovember 27, 2014 at 1:00 am #132941AnnaedvParticipantHello.
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
November 27, 2014 at 1:26 am #132944Davinder Singh KainthMemberTo 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 ThemesNovember 27, 2014 at 1:27 am #132945Davinder Singh KainthMember2. 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 ThemesNovember 27, 2014 at 1:28 am #132947Davinder Singh KainthMemberAbove 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 ThemesNovember 27, 2014 at 1:55 am #132953AnnaedvParticipantHello!
You make my day! This looks exactly as I wanted! Thank you!
/AnnaNovember 28, 2014 at 7:29 am #133122Davinder Singh KainthMemberCool, 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 ThemesNovember 28, 2014 at 8:15 am #133131AnnaedvParticipantOh my....you understand me with out me saying anything! Thank u!
/AnnaNovember 28, 2014 at 8:32 am #133132Davinder Singh KainthMemberWelcome!
Looks much better now.
Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.