Text under fetured image

Hi there,

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

Let me know if this helps.

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

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

Just checked your site and not seeing the captions.

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.

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.

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.

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;    
}

Yeeey, it's working (^^,)

Thanks.

Glad we could help!

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.

See this reply:

https://generatepress.com/forums/topic/underline-of-text-containing-links-in-blogposts/#post-616723