Public Forums 71,145 posts

[kopetschke Friend kopetschkeJoin date: December 2016Posts: 51Downloads:6Uploads:14]

#1002103

Hello,

do you know how can I insert image that cover (always) the fullwidth in an article like it is in this example:

http://www.faz.net/aktuell/stil/neue-haeuser/neue-haeuser-was-man-sich-in-den-sechzigern-nicht-getraut-hat-14612745.html

So meaning that the image always use the full screen width while the article text is formatted like it is always.

Regards
Johannes

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1002117

Hi
You have to use a big image in article images are 100% width and auto fill the article container width.
Regards

[kopetschke Friend kopetschkeJoin date: December 2016Posts: 51Downloads:6Uploads:14]

#1002250

The thing is I would like to have this setting only for one specific article not for every. How can I do that?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1002455

Hi
I am not sure what do u mean by some articles you can add the images in articles and the width is depends on the size of images.
beside it, you can use Page classes from menu options and define custom classes for specific articles.

[kopetschke Friend kopetschkeJoin date: December 2016Posts: 51Downloads:6Uploads:14]

#1006807

Dear Pankaj,

maybe I explained it badly. I try it a little bit more detailed.

The link I showed you is having a image in full width:

http://www.faz.net/aktuell/stil/neue-haeuser/neue-haeuser-was-man-sich-in-den-sechzigern-nicht-getraut-hat-14612745.html

But I styled my template via custom css like this:

http://www.tourismus-schulz.de/verkehr-und-tourismus/schiffsverkehr

So with a sidebar menu and also I styled the column width which applies for the whole template.

So I would like to create an article without the sidebar menu, that only includes an article with these full-width images, that always use the full width also when you zoom out. Maybe I should insert a module or anything or can I change the column-width just for an specific article?

I hope that you kind of understand it know. I really do not know how to do it.

Regards,
Johannes

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1006892

Hi
To apply a css only for that page us Page class via menu options. and add that page class beofore your custom code.
Example :
page class > test
so your code would be

.test article img, .article-intro img {
    display: block;
    height: auto;
    margin: 0 30px 15px 0;
}

[kopetschke Friend kopetschkeJoin date: December 2016Posts: 51Downloads:6Uploads:14]

#1007136

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1007211

Hi
You are using sidebar layout so the content is not full width, You can change the layout from template options to no sidebar if you need to full width articles.
http://prntscr.com/e2ya47

[kopetschke Friend kopetschkeJoin date: December 2016Posts: 51Downloads:6Uploads:14]

#1007323

Thank you so much again! I made it! 🙂

Regards
Johannes

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1007348

You are welcome!

[Author]

Posts