Article with media full

thiagonmat

Hii, I'd like to know how to configure the article with full media. on my site when i load or reload it the image "flash" big then it become small like boxed.

dominic

Hi thiagonmat,
Could you please send me the site URL for further checking? Additionally, providing a screenshot of the issue would be very helpful for our team to resolve it effectively.

thiagonmat

This message is visible to Moderators only

hidden content

dominic

thiagonmat
The "flash" you're experiencing is likely due to the initial size of the image before the CSS is fully applied. To avoid this, you can set some initial styles directly in the HTML. You can open the /templates/ja_purity_iv/html/com_content/article/default.php file line 192:
Replace this:
<div class="full-image">
With this code:
<div class="full-image" style="max-width: 928px; margin: 0 auto;">

thiagonmat

thsnks but what I'm trying to reach is the example on the demo https://ja-purity-iv.demo.joomlart.com/index.php/explore/article-layout/article-w-full-image
the images on my website are fine to reach that size, actually they were at that size before but after the update that flashing started. so, how can i have that demo on my website?

dominic

Hi thiagonmat,
You can open the article and select layout-1 in the Options tabs

Or Configure the article layout for your site.
Go to System > Global Configuration then select Articles. In the Articles setting, select the layout and save.

If you want to change the image size for the Default layout, you can add the following CSS code:

@media (min-width: 1400px) {
    .item-page.layout-default.no-sidebar .full-image {
        margin-left: auto;
        margin-right: auto;
        max-width: 1600px;
    }
}

thiagonmat

thaaaanks, it worked