Largeur De L'article - Question | JoomShaper

Largeur De L'article

L

LEROY

General 2 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?

0
12 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #30015

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

0
L
LEROY
Accepted Answer
2 years ago #30024

perfect! fast and efficient! bravo

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #30028

Glad that I could help:)

Thanks for your appreciation!

0
L
LEROY
Accepted Answer
2 years ago #53411

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

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #53665

Hi,

Can you give me your site link, please?

0
L
LEROY
Accepted Answer
2 years ago #53774

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'

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #54791

Hi,

Sorry for the delay.

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

Best Regards

0
L
LEROY
Accepted Answer
2 years ago #54890
0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #55269

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

1
L
LEROY
Accepted Answer
2 years ago #55283

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

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #55298

Glad that it helped:)

0
L
LEROY
Accepted Answer
1 year ago #74880

Hello, Same problem but with the 'Gourmand' template. The articles are full width when I should have a right and left margin.

Thank you for your help

0