Okay
  Public Ticket #2959627
Show TItle and description over the image
Closed

Comments

  •  1
    elisa started the conversation

    Hello,

    in my homepage, now I'm displaying the title over the image  but there's a way to display the text inside the portfolio item too?

    Thanks!

    Elisa

  •  1
    elisa replied

    Hey guys!

    Thank you, I solved changing the code in portdolio-listing-loop.php, thanks!

  •  296
    Paul replied

    Hello Elisa!

    Happy to hear that you have figured it out!smile.png

    Just a friendly advice, when customizing the theme code, I would highly recommend doing it in a child theme instead of modifying the code in the original theme to prevent any lost when updating the theme.

    For more information about child theme, please see this article: https://uxbarn.ticksy.com/article/8649/

    Regards,
    Paul

  •  1
    elisa replied

    Thank you! Good to know!

    Can I make another question?
    Can I replace the title of site with an image? (the logo)

    Thanks again!

  •  296
    Paul replied

    To use a logo image, please go to "Appearance > Customize > Site Identity" and there you will see an option to upload and use the image.wink.png

  •  2
    Dianascarpellini replied

    Hey everybody, I would like to add a + or a sort of lens on the hover title or image, to invite people to click on the image of the portfolio list. How can I do it? I'm not so familiar with css, but I learn quickly if this is the only solution.  I'm using Kathy theme. Best thank for your help! Diana

  •  296
    Paul replied

    Hi Diana,

    Please try using this custom CSS:

    .portfolio-item a:hover {
        cursor: crosshair;
    }

    Cheers,
    Paul

  •  2
    Dianascarpellini replied

    Thank you Paul, 

    into the website version is looking better! 

    Remains the problem on the phone version. Any suggestions for inviting people to click on the photo in the portfolio list? GRAZIE MILLE!

    Diana

  •  296
    Paul replied

    You can use custom CSS like this to add more custom text and style to the list item:

    @media only screen and (max-width: 600px) {
        
        .portfolio-item::after {
            content: 'Read more';
            position: absolute;
            bottom: 0;
            padding: 0.5em;
            background: #000;
            color: #fff;
        }
        
    }
    

    If you would also like to use custom CSS for other elements, I recommend Developer Tools on Chrome or Safari Inspector to inspect the elements on the page. Then you will know which CSS selector to adjust.

    More info: https://uxbarn.com/inspecting-elements-developer-tools/

  •  2
    Dianascarpellini replied

    Thank you so much Paul! With your kind advice, I was able to get a result that I like, even without css knowledge.  www.dianascarpellini.com

    I've never expected such a helpful support. Grazie mille!

    Kind regards,

    Diana