Overlay portfolio project title over its feature image on home page

  • Author
    Posts
  • #3020380

    alsbs001
    Member

    On my current front/home page, I’ve inserted images and linked to the portfolio projects that way. I would prefer to use a portfolio shortcut like I’m experimenting with on: https://shannonalstin.wordpress.com/?page_id=113&preview=true (except I can’t see to get rid of the large title underneath the featured image)

    Essentially I want the look to be: the featured image with a border around it, and when the mouse hovers over it, the project title appears in smaller font over a darker version of the image.

    Kind of like the inverse of the Argent Theme’s portfolio set-up (see https://argentdemo.wordpress.com/) but with my current theme (Kelly).

    Any help would be greatly appreciated.

    The blog I need help with is shannonalstin.wordpress.com.

    #3020581

    scifiknux
    Member

    Hey there @alsbs001 I am unable to see your experimental page because it looks like it isn’t published yet, meaning that only you and other authors of your site can view that content.

    Some themes have certain effects in place automatically, and others have different looks to them. Your best bet may be to pick a theme closest to what you have in mind, then change the layout from there.

    You can see Kelly’s theme page here, which will showcase all it’s best features.

    You may want to consider trying other themes like Argent or Illustratr and changing their colors to be more vibrant.

    Hope that helps!

    #3020746

    alsbs001
    Member

    Hi @scifiknux,

    Thanks for responding! I originally had the Argent theme, but it was mostly so I could use the Portfolio shortcode. In the end, the presentation looks more or less the same if I just insert images and link to the portfolio projects directly. (see here: https://shannonalstin.wordpress.com/)

    Part of the reason I moved away from Argent was because there was no way to edit the presentation of the projects on my main page.

    At this point, all I want to do is add a mouse-over effect to the images. I’d like to add a border to each of the images, so when the mouse hovers over the images the border’s colour changes, as well as image shows some kind of overlay effect (e.g. dims). I found a plugin but it looks like I have to have a business account to get it.

    Hope you’ve got other ideas and suggestions and can help. ^_^

    #3020747

    scifiknux
    Member

    Have you tried looking at the Illustratr theme? That may be close to what you’re looking for :)

    #3020748

    alsbs001
    Member

    Hi @scifiknux,
    I tried the Illustratr theme, and I’m not sure why but the overlay effect didn’t seem to work for me.
    I think at this point, the reward VS effort curve is going in the negative and I’m going to cut my losses and just get on with the content.
    Thanks for your help.

The topic ‘Overlay portfolio project title over its feature image on home page’ is closed to new replies.