largeur de l'article - Forum | JoomShaper
Solved General

largeur de l'article

Asked by LEROY 5 years ago Last activity 4 years ago

Hello,
The article displayed in the blog does not take a good width on the screen. How can we make this display a little bit bigger?

Accepted answer

Marked as the solution
Rashida Rahman Staff

Hello there!

Thanks for your query.

You can use the following code in your custom CSS:

.article-details .article-full-image img {
    width: 100%;
}
.ensure-blog-details .article-header, .ensure-blog-details div[itemprop="articleBody"] {
    max-width: 100%;
}

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

https://prnt.sc/pu705g

https://prnt.sc/pu70zn

Hope this helps!

Best Regards

11 more replies

LEROY Asked this

perfect! fast and efficient! bravo

Rashida Rahman Staff

Glad that I could help:)

Thanks for your appreciation!

LEROY Asked this

Hello,
I have the same problem but with the Shaper Restora template. This custom CSS does not work here:

.article-details .article-full-image img {
    width: 100%;
}
.ensure-blog-details .article-header, .ensure-blog-details div[itemprop="articleBody"] {
    max-width: 100%;
}

Do you have a solution?
Thanks

Rashida Rahman Staff

Hi,

Can you give me your site link, please?

LEROY Asked this
4 years ago · edited

Hello Rashida,
you can see the problem here : http:// mj club x.fr/sitemj/index.php/blog-mjclubxou/blazeon-scrambles-to-police-content-amid

thank'

Rashida Rahman Staff

Hi,

Sorry for the delay.

I could not find the page you have given me above. It redirects to 404.

Best Regards

Rashida Rahman Staff

Hi I have checked, thanks.

Please sue the following code in your custom CSS:

body.com-content.view-article .article-body-content {
    width: 100%;
}

Hope this will serve your purpose.

Best Regards

LEROY Asked this

perfect! that's exactly what I wanted...

Rashida Rahman Staff

Glad that it helped:)

Log in to reply.