Align blog media - Forum | JoomShaper
Solved Helix Framework

Align blog media

Asked by Seppe 1 year ago Last activity 1 year ago

Good afternoon
I changed my blog layout page.
My blog-page is build in SPPB and has the "articles" element".
All articles shown, are based on simple basic joomla articles

Now, in the article I have added:
an intro image "X"
a fill size image "Y" which is set to align as center
and a blog image "Z"

When I see all the articles in the overview, the "intro image" is gone, I only see the "blog image".
When I press the read more button, the "full size image" is gone, and I only the "blog image".
And for the last, the blog image is aligned to the left.

so, that I don't see the intro and full size image is not a big deal. Only the "blog image" is ok.
But how can I align that? I want a margin of 5px at the top, and aligned in the middle.
Or isn't that possible?

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff

Hi

You can use this CSS in your custom.css file

.article-details .article-full-image {
  margin-top: 2rem !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

3 more replies

Mehtaz Afsana Borsha Staff

Hi

Thanks for contacting us. Could you please give me your site URL? And also a screenshot of your issue?

-Regards.

Seppe Asked this

Good morning
Details are below

Thank you
Seppe

Seppe Asked this

works like a charm

thank you

Mehtaz Afsana Borsha Staff

You are most welcome.

Log in to reply.