• 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: https://www.soundsbyjohan.com

    /Johan

Viewing 5 replies - 1 through 5 (of 5 total)
  • 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.

    Thread Starter juicen

    (@juicen)

    Thanks alot! It works perfectly!

    Thread Starter juicen

    (@juicen)

    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 : https://soundsbyjohan.com/portfolio/idol/

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

    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.

    Thread Starter juicen

    (@juicen)

    Thank you so much. Works lika a charm!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘In Portfolio – Show title and excerpt on mousover’ is closed to new replies.