Docs

[LewisWallis]

Hi,

I have a question regarding styling the thumbnails on the portfolio page. I am using the renew stack which currently displays the title of the portfolio item when you hover over the thumbnail. I would instead like the title to be below the thumbnail image. I would also like a button below the title. Please see the attached image as an example.

Many thanks

Lewis

[LewisWallis]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! It seems you are using Recent Posts element. If you want to add more elements; you need to achieve with Child Theme. Or you might be interested to use “The Grid” or “Essentials Grid”. You will find more options there.

Cheers!

[LewisWallis]

Hi there, thanks for your response. I think there was a misunderstanding regarding which portfolio thumbnails I was referring to. By thumbnails on the portfolio page I’m not referring to the Recent Posts Element as seen on the home page, I’m in fact referring to the thumbnails on the portfolio page. The portfolio pages can be accessed by clicking ‘investments’ on the main menu and then selecting ‘fixed term investments’ or ‘longer term investments’ from the drop down. Please refer to the screen shot that I attached in the previous message. Many thanks

[Nabeel A]

Hi again,

1. Try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS: for adding title below the portfolio thumbnail:

.x-portfolio .entry-cover {
    position: relative !important;
    top: 100% !important;
    left: 100% !important;
    background-color: rgb(155, 25, 52) !important;
    -webkit-transition: none !important;
    transition: none !important;
    color: white !important;
    padding: 10px 0 !important;
}
.x-portfolio .entry-featured:hover .entry-cover {
    -webkit-transform: translate(-100%, 0) !important;
    -ms-transform: translate(-100%, 0) !important;
    transform: translate(-100%, 0) !important;
}
.x-portfolio .entry-featured .entry-cover a {
    color: white !important;
}

2. Regretfully button cannot be added without custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!

[LewisWallis]

Hi thanks for your help, that worked well.

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts