Joomla Templates Club 406,261 posts

[iaassens Friend iaassensJoin date: December 2013Posts: 121Downloads:22Uploads:18 Thanks: 34 Thanked: 2 times in 1 posts]

#204392

Hello,

This may seem a bit like a odd question so I will try to explain as best as I can.

Working with articles in joomla, is there any possibility to have different backgrounds that reaches the whole canvas. I figured out how to make the backgrounds for the mainbody but not the entire canvas, from left browser edge to right browser edge.

something like this, also see attached.

<div class=”t3-wrapper green-bgr”>
<div class=”col-md12″>
…
</div>
</div>

<div class=”t3-wrapper blue-bgr”>
<div class=”col-md12 blue”>
…
</div>
</div>

thanks

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#562102

You can assign different background for articles IF your articles assigned to special menu items(because we will use the page class to custom css background for different articles).

For e.g: I have menu item named Typo and it assigned to Typography article, so my css code look like so

.typome .t3-wrapper {
background: #333
}

NOTE: You need to add the page class to Typo menu item first(Menu -> Your mainmenu -> menu item -> tab Page Display -> add typome into page class textbox) then put your custom css into ja.com/templates/uber/css/custom.css(create a new one if it does not exist)

Useful tutorial here.

Thanks

1 user says Thank You to phong nam for this useful post

1. iaassens

[iaassens Friend iaassensJoin date: December 2013Posts: 121Downloads:22Uploads:18 Thanks: 34 Thanked: 2 times in 1 posts]

#562199

Hi @leo Burnetts,

Cool this actually works, so I would just need to assign more articles instead of having one articles split up in different paragraphs with different backgrounds.

Thanks Leo,

EDIT: hmm too fast i guess. This was actually not able to do what I needed since there is now way to assign the class to the actual article. Guess it can’t be done.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#562244

<blockquote>EDIT: hmm too fast i guess. This was actually not able to do what I needed since there is now way to assign the class to the actual article. Guess it can’t be done.</blockquote>

You cant change the whole background for your site by adding css class for your articles. The only way is assign article to a menu item then use page class feature to custom css code for the article page.

Thank you

1 user says Thank You to phong nam for this useful post

1. iaassens

[iaassens Friend iaassensJoin date: December 2013Posts: 121Downloads:22Uploads:18 Thanks: 34 Thanked: 2 times in 1 posts]

#562245

Thank you clarifying this Leo 🙂

[Author]

Posts