Joomla Templates Club 406,261 posts

[anish28 Friend anish28Join date: August 2015Posts: 144Downloads:137Uploads:20 Thanks: 6 Thanked: 3 times in 3 posts]

#1112092

Hello i would like to know how to modify the article page as i want to display an image in the background and the content in a white background. I want to display different images for different pages( articles).

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1112252

Hi,

To style a unique image as background for a page, you will add background via CSS by the page class / page ID of that page.

In this case, if you want to add background for each article, each article will be a menu item page, I’m afraid this will not be ideal.

You will need to customize / use custom script to load full image of article (for example) and add backgroud for that article page.

Regards

[anish28 Friend anish28Join date: August 2015Posts: 144Downloads:137Uploads:20 Thanks: 6 Thanked: 3 times in 3 posts]

#1112256

Can you give me an example

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1112345

Hi,

For example:

.view-article.itemid-483 .t3-mainbody {
    background: url('/path/to/your/image/here') no-repeat;
}

483 is ID of that menu item page.

[anish28 Friend anish28Join date: August 2015Posts: 144Downloads:137Uploads:20 Thanks: 6 Thanked: 3 times in 3 posts]

#1112361

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1112422

This reply has been marked as private.

[Author]

Posts