[Resolved] Text under fetured image

Home Forums Support [Resolved] Text under fetured image

Home Forums Support Text under fetured image

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #613030
    Johan

    How can I get text with photo credits and descriptions under the featured image in my posts?

    Something like this:
    https://www.nrk.no/urix/dramaet-i-grotta_-bileta-som-viser-kampen-mot-klokka-1.14107068

    Following the provided URL one can see that text is placed under the featured image in the post. Som that photo credits can be shown together with a description of the image.

    #613044
    Leo
    Staff
    Customer Support

    Hi there,

    Take a look at this post: https://generatepress.com/forums/topic/image-caption-description-problem/

    Let me know if this helps.

    #613864
    Johan

    Thanks. It kinda works. But the I want the text beneath the featured image to be a tad smaller than the ‘body’ text, and I want it to be a little higher up over the main title, closer to the featured image.

    More like this: https://www.nrk.no/norge/_-dette-er-noko-av-det-mest-ekstreme-av-skogbrannfare-vi-nokon-gong-har-hatt-1.14108809

    #613916
    Leo
    Staff
    Customer Support

    Can you link or guide me to the page in question?

    Just checked your site and not seeing the captions.

    #614489
    Johan

    1: The site/page in question is https://www.akroma.no

    2: I want to be able to add captions/text/description below the featured image. Not above the main title.

    3: The captions/text/description I want to put below the featured image on top of the blog posts, should ideally look just like the captions/text/description that shows below any other image in the blog posts.

    4: The code snippets provided on this forum just adds body text somewhat under the featured image. In other words it is useless.

    #614565
    Leo
    Staff
    Customer Support

    Are you talking about the main blog page or single posts?

    The main blog page (https://www.akroma.no/) is built with Elementor so there isn’t anything GP can do.

    If you are referring to single post like this one (https://akroma.no/tv-slavenes-demokrati/), then can you add the code in so I can see the problem?

    Below the image and above the main title is essentially the same thing – it just likely needs a bit of CSS adjustment.

    Let me know.

    #614577
    Johan

    I am of course referring to the single posts.

    Now I have added the code, and the text below the featured image in the blogpost just looks stupid. https://akroma.no/tv-slavenes-demokrati/

    The text below the second picture inside the blogpost (child watching TV) looks exactly how I want it to be for the featured image also.

    Long story short: I want the text below the featured image in the blogpost to look exactly like the text below the second image in the blogpost.

    #614750
    David
    Staff
    Customer Support

    Hi there, you can try this CSS:

    .post-image-above-header .inside-article .featured-image {
        margin-bottom: 0 !important;
    }
    .featured_caption {
        font-size: 75%;
        padding-top: 5px;
        opacity: .8;
        margin-bottom: 1.5em;    
    }
    #614763
    Johan

    Yeeey, it’s working (^^,)

    Thanks.

    #614775
    David
    Staff
    Customer Support

    Glad we could help!

    #616718
    Johan

    Oh no.

    Now I get this error when trying tom implement the CSS:

    Don’t Panic

    The code snippet you are trying to save produced a fatal error on line 1:
    syntax error, unexpected ‘.’, expecting end of file

    The previous version of the snippet is unchanged, and the rest of this site should be functioning normally as before.

    Please use the back button in your browser to return to the previous page and try to fix the code error. If you prefer, you can close this page and discard the changes you just made. No changes will be made to this site.

    #616727
    David
    Staff
    Customer Support
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.