WordPress.org

Ready to get started?Download WordPress

Forums

Portfolio Press
In Portfolio - Show title and excerpt on mousover (6 posts)

  1. juicen
    Member
    Posted 1 year ago #

    Hey,
    I really like the way the title shows while hovering over an image in the portfolio. I just want to have it show the excerpt as well, but at the bottom of the image. Currently I've set it up so that the excerpt is showing all the time but I prefer to have it only on mouseover and also within the image.

    Is there a way to fix that?

    Here's the page so you understand what I mean: http://www.soundsbyjohan.com

    /Johan

  2. bhomatude
    Member
    Posted 11 months ago #

    In the portfolio press theme files, look for content-portfolio.php

    Find around line 70:

    <a href="<?php the_permalink() ?>" rel="bookmark" class="title-overlay"><?php the_title() ?></a>

    And replace with this:

    <a href="<?php the_permalink() ?>" rel="bookmark" class="title-overlay"><span style="font-size:120%;color:#F8951D;"><?php the_title() ?></span><br><br><?php the_excerpt() ?></a>

    Note the <span style> added for font-size and color changes made to the title -- Delete or use your own.

  3. juicen
    Member
    Posted 11 months ago #

    Thanks alot! It works perfectly!

  4. juicen
    Member
    Posted 11 months ago #

    I've also noticed another issue that i want to change.

    When you enter one of the portfolio items there is a line at the top and two lines at the bottom of the portfolio item.

    Like this : http://soundsbyjohan.com/portfolio/idol/

    I only want one of those line at the bottom. Do you know where in the code it should be?

  5. bhomatude
    Member
    Posted 11 months ago #

    I don't have the theme active anymore, but you'll have to go into the style sheet and go to line 426:

    footer.entry-meta:before, footer.entry-meta:after {
        background: none repeat scroll 0 0 #DDDDDD;
        box-shadow: 0 1px 0 0 #FFFFFF;
        content: "";
        display: block;
        height: 1px;
        width: 100%;
    }

    And I think all you'll need to do is delete the entry-meta:before or after, so it's like this:

    footer.entry-meta:before {
        background: none repeat scroll 0 0 #DDDDDD;
        box-shadow: 0 1px 0 0 #FFFFFF;
        content: "";
        display: block;
        height: 1px;
        width: 100%;
    }

    And that should work.

  6. juicen
    Member
    Posted 11 months ago #

    Thank you so much. Works lika a charm!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic