Public Forums 71,145 posts

[tomo555 Friend tomo555Join date: June 2010Posts: 58Downloads:0Uploads:3 Thanks: 8]

#152620

Is it possible to have a separate site background colour then the content colours in Purity 2?

For example this forum template has a white background content area with a separate blue site background colour. If so can someone please show me how?

Thanks very much,

Tomo

[shaykins Friend shaykinsJoin date: May 2010Posts: 2Downloads:0Uploads:0]

#350258

look forward to a reply too…

[tomo555 Friend tomo555Join date: June 2010Posts: 58Downloads:0Uploads:3 Thanks: 8]

#350460

Not sure it’s coming……..Support isn’t great is it? 🙁

[jeffreyd00 Friend jeffreyd00Join date: October 2006Posts: 46Downloads:0Uploads:4 Thanks: 3]

#351117

I would love an answer to this too. I have spend a couple hours trying to figure it out, with no luck.

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

#351445

Sorry, pls give me the snapshot , and draw some shapes on this, because i would like to have a closer look on the issue

Thanks a lot

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#351447

<em>@tomo555 186776 wrote:</em><blockquote>Is it possible to have a separate site background colour then the content colours in Purity 2?

For example this forum template has a white background content area with a separate blue site background colour. If so can someone please show me how?

Thanks very much,

Tomo</blockquote>
Hi Tomo,

Please find in template.css line 913 to edit your site background (change the color as well as the background image)


#ja-container {
background:url("../images/container-bg.gif") repeat-x scroll center top #FFFFFF;
border-bottom:5px solid #CCCCCC;
position:relative;
z-index:5;
}


Then you could style for content background by adding background style for this class (file template.css, line 920)


#ja-container .main {
background: #FFFFFF; /*add this to make main content has white background*/
min-height:300px;
padding:20px 0;
}


1 user says Thank You to Khanh Le for this useful post

1. easyrider

[Author]

Posts