Community Forums › Forums › Archived Forums › Design Tips and Tricks › Minimum theme – Change widget areas (from vertical to horizontal)
Tagged: minimum pro, widgets
- This topic has 11 replies, 2 voices, and was last updated 9 years, 6 months ago by Genesis Developer.
-
AuthorPosts
-
October 21, 2014 at 12:24 am #128572jhsMember
Hi!
Is there a way for me to change the Minimum theme's widget areas from being vertical to be going horizontal?
Guess I would have to change some things in the homepage.php?This is how the Minimum theme is now:
https://dl.dropboxusercontent.com/u/38299115/2014-10-20%2019.22.55.jpgAnd this is how I want it:
https://dl.dropboxusercontent.com/u/38299115/2014-10-21%2008.14.16.jpgAny tips?
October 21, 2014 at 12:35 am #128574jhsMemberIm talking about the "Home Featured" widget areas.
October 21, 2014 at 12:38 am #128576Genesis DeveloperMembergo to line no 446 of style.css file and replace the current code by this one
.home-featured-1, .home-featured-2, .home-featured-3, .home-featured-4 { clear:both; display: table; float: left; text-align: center; width: 100%; }
October 21, 2014 at 1:13 am #128581jhsMemberThanks Genwrock!
As you can see I'm showing 3 posts in widget area "home featured 1".
But I would very much like the 3 posts to stay on the same horisontal line. Meaning 3 posts pr line, and if I add more post they will line up 3 at a time under. You understand?
(I guess the featured images are too big, but maybe I could adjust that some where)
jh
October 21, 2014 at 1:13 am #128582jhsMemberOctober 21, 2014 at 1:15 am #128584jhsMember...and I would very much like to remove the automatic post loop at the bottom of the page. I cant see where to turn it off.
October 21, 2014 at 1:19 am #128585Genesis DeveloperMembertry this css now
.home-featured-1 .featured-content .entry { margin-right: 2.5%; width: 31.333%; } .home-featured-1 .featured-content .entry:nth-of-type(3n+3){ margin-right: 0;}
October 21, 2014 at 1:20 am #128586Genesis DeveloperMemberopen the front-page.php file and replace (line no 46)
//* Add Genesis grid loop add_action( 'genesis_loop', 'minimum_grid_loop_helper' );
by
//* Add Genesis grid loop //add_action( 'genesis_loop', 'minimum_grid_loop_helper' );
October 21, 2014 at 1:24 am #128587Genesis DeveloperMembersorry I missed one things. Add
float: left
in css like.home-featured-1 .featured-content .entry { float: left; margin-right: 2.5%; width: 31.333%; }
October 21, 2014 at 1:30 am #128588jhsMemberThat did it!
Thank you so much Genwrock:) I really appreciate your quick help!October 21, 2014 at 5:18 am #128605jhsMemberIf I want some of the other widget areas to list 3 or more post on a horisontal line, can I just use the same code?
.home-featured-1 .featured-content .entry { float: left; margin-right: 2.5%; width: 31.333%; } .home-featured-1 .featured-content .entry:nth-of-type(3n+3){ margin-right: 0;}
..but just replace the text home-featured-1 with home-featured-2?
Im asking because I want 4 posts on a horisontal line in Home featured 4
October 21, 2014 at 6:01 am #128608Genesis DeveloperMember..but just replace the text home-featured-1 with home-featured-2?
Yes
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.