Homepage Panes – alignment, backgrounds, dates, tags

  • Anonymous

    #3344

    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!

    Anonymous

    #24345

    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.

    http://getfirebug.com/

    Mod

    Kenneth John Odle

    #24346

    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.

    Anonymous

    #24347

    Thanks much! Fiddling around …….

    Sent using Android Tapatalk

    Anonymous

    #24348

    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.

    Anonymous

    #24349

    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?

    Anonymous

    #24350

    Yeah, now I have that setting and do see it on individual posts

    Anonymous

    #24351

    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;
    }

    Anonymous

    #24352

    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!

    Mod

    Kenneth John Odle

    #24353

    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)
  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!