Return to Support

Moving Title in Excerpt box

Home Forums Graphene WordPress theme Support Moving Title in Excerpt box

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #9030
    Zepheurus
    Member

    I need to move the title in the excerpt box to the right of the thumbnail and just above the text excerpt.

    The link is the directions of using a Genesis theme, which is precisely what I need for the Graphene theme I am using.

    http://sridharkatakam.com/move-post-title-post-info-entry-header-entry-content-genesis/#comments

    #42624

    There is nothing in Graphene called an “excerpt box.” And there is nothing on the page you linked to that looks like something on your site.

    Are you talking about the excerpt that appears in the slider, or the slider itself? Or are you talking about the homepage panes?

    Here’s a screen capture of your site:

    Yellow is the slider.

    Blue is the gallery you added to the home page.

    Green is the homepage panes.

    KEXmBWe.png

    #42625
    Skivey
    Member

    i think he’s on about this:

    ex.png

    ??

    #42626
    Skivey
    Member

    so change the image size and the box size (which could be done by changing the home pane width) and move the title to the centre (center for yanks) 🙂

    Matt

    #42627
    Skivey
    Member

    he wants the title to the right of the image too i think…

    #42628
    Zepheurus
    Member

    Yes, that is right. The pic is the archive excerpt posts and Shivey is correct. I am trying to move the title to the right of the thumbnail.

    And I have been making changes consistently so the link I posted has been deleted.

    Like the link below but for Graphene

    http://sridharkatakam.com/move-post-title-post-info-entry-header-entry-content-genesis/#comments

    #42629

    FWIW, that’s an archive page.

    This can (probably) be achieved solely through some custom css:

    .archive .entry-content .excerpt-thumb img, .archive .child-page .excerpt-thumb img {
    position: absolute;
    top: 0px;
    }
    .archive .post-title, .archive .post-title a, .archive .post-title a:hover, .archive .post-title a:visited {
    margin-left: 80px;
    }
    .archive .entry-content p {
    margin-left: 160px;
    }
    .archive .post-meta .meta_categories {
    margin-left: 120px;
    }

    Works on my wamp server; your mileage may vary. You may also need to adjust values.

    #42630

    Works in Firebug, too:

    HROg3Cp.png

    #42631
    Zepheurus
    Member

    I appreciate the help. I can’t find where you made the change in the code. I am assuming it is the style.css sheet?

    #42632
    Zepheurus
    Member

    Thank you all for your help. I realized I just needed to add it into the custom css box.

    Thanks again

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.