Homepage Panes – alignment, backgrounds, dates, tags
-
I’ve changed my landing page to be static with homepage panes. What I can’t seem to find an answer for the following three customizations:
1) How to align and/or pad them better – if you look at my site http://blog.thinkplanrun.com it seems they’re kind of pushed to each side with a lot of dead space in the middle.
2) Put a block / background around the pane excerpts
3) Show the publishing date and tags in the pane excerpts
Love this theme … thanks for any input!
Prasanna is our homepage panes resident expert. He’ll be on later today (probably sleeping right now… India).
In the meantime, you might want to familiarize yourself with the Firebug extension for the Mozilla Firefox web browser. It can be most useful for manipulating the css on your webpage, and seeing a live preview of your adjustments.
Mod
Homepage panes are assigned the class
.homepage_pane. Your current settings are:.homepage_pane {
margin-bottom: 20px;
margin-top: 15px;
vertical-align: top;
}Add that to your custom CSS or child theme style sheet and play around with the variables.
You can add a border, change the background, etc., from the class above.
Thanks much! Fiddling around …….
Sent using Android Tapatalk
After much fiddling and inspecting Prasanna’s css as well – I’ve worked a lot out that I like …. I’m still looking at getting the date on there but have no clue where to start.
Do yo have the “inline” date option in Appearance -> Graphene Options -> Display -> Posts Display Options enabled? If so, do you see dates on your full posts?
Yeah, now I have that setting and do see it on individual posts
I don’t think it is possible to show post date and tags in homepage pane excerpt without hacking theme loop.
BTW, here is my CSS used for homepage panes,
.homepage_pane {
padding: 10px;
height: 270px;
border-radius: 20px 20px 20px 20px;
background:#E1EDFA;
background: -moz-radial-gradient(center, ellipse cover, #FFFFFF 0%, #E1EDFA 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#FFFFFF), color-stop(100%,#E1EDFA));
background: -webkit-radial-gradient(center, ellipse cover, #FFFFFF 0%,#E1EDFA 100%);
background: -o-radial-gradient(center, ellipse cover, #FFFFFF 0%,#E1EDFA 100%);
background: -ms-radial-gradient(center, ellipse cover, #FFFFFF 0%,#E1EDFA 100%);
background: radial-gradient(center, ellipse cover, #FFFFFF 0%,#E1EDFA 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E1EDFA',GradientType=1 );
-moz-box-shadow:0 0 4px #7FB8F5;
-webkit-box-shadow:0 0 4px #7FB8F5;
box-shadow:0 0 4px #7FB8F5;
}
.two-columns .homepage_pane {
width: 45.4% !important;
}Wow, this is nice and helpful, my panes have come a really long way, thanks!
Two things that are still bouncing around in my head…
1) Is it possible to display any other post data in the homepage panes – tags, author, etc?
2) Is it possible to have the “sticky post” functionality on the static homepage – below the slider, above the panes?
Thanks!
1) Is it possible to display any other post data in the homepage panes – tags, author, etc?
I was thinking that it might be possible to do this with an action hook widget area, but I don’t s any action hooks in that area. Suggestions? Ideas? Feature request?
Viewing 10 posts - 1 through 10 (of 13 total)
- 1
- 2
- You must be logged in to reply to this topic.
