Image size

Posted in: Newspaper
Post count: 260

Hello
I change the post look type.
Example:
https://www.virtualmagie.com/articles/comptes-rendus/concours-et-congres/5e-congres-mind-2018-2/
How I could achieve that the image under the title touch the lef and right border to avoid the grey margins?
Is it possible to put this image à 100%?

If you have a Custom CSS, it will be nice.

Regards

Post count: 20688

Hi,

When a background color is used like in this case, the website will be boxed. Every full width elements will be boxed. That featured image would be full width if there was no background set
https://demo.tagdiv.com/newspaper/td-post-lenovo-details-new-computers-that-could-be-heading-our-way-in-2015/

It would be very hard to modify the post header with CSS to break from the general container in this case.

Thanks

Post count: 260

Hello
Thanks.
I found the solution in admin panel theme.
In Template sttings / Force Full Width and Header bckground, I choose Strech.
Regards

Post count: 260

You provided me some example like https://demo.tagdiv.com/newspaper/td-post-lenovo-details-new-computers-that-could-be-heading-our-way-in-2015/
I really like the fact the image background go on all the page.
It indicate Style 7… that I use but don’t do the same.
How I could achieve that?

Post count: 20688

Maybe I am misunderstanding. I though you are referring to the featured image of the post not being full width.
The options you mention in the template settings are for header and footer sections.

The link you mention uses post template 7. The image is full width because their is no background set. If there is a background set (color or image) the full width will be canceled, website will become boxed.

Post count: 260

OK I deactivated the color background and all seem nice.
https://www.virtualmagie.com/articles/comptes-rendus/conferences-rencontres/conference-de-mark-elsdon-samedi-13-octobre-paris/
Thanks
If I want to change the white background color for a light grey what could I do?
Regards

Post count: 20688

You could design post templates with the composer and cloud library plugin
https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
Create a post template with a background colors for the rows for example. This will not cause the boxed layout to be forced.

Or with CSS even – https://www.screencast.com/t/YJqVqSgL26q
This code will affect all posts, it can be made more precise if needed

.single article {
background-color: lightgrey;
}
.single article .td-container {
background-color: #fff;
padding-left: 48px;
padding-right: 48px;
}

Post count: 260
Post count: 20688

The code should work only on those specific pages? or other pages like those as well (meaning all single product pages, product category pages). The same code should work with some modifications to apply on those pages.

Viewing 9 posts - 1 through 9 (of 9 total)
The forum ‘Newspaper’ is closed to new topics and replies.