Joomla Templates Club 406,261 posts

[mazhar shah Friend mazhar shahJoin date: September 2014Posts: 201Downloads:132Uploads:37 Thanks: 37 Thanked: 8 times in 5 posts]

#151636

I need to place a large background image at the back of the template so it appears on either side of the main content pages. Only need to do ths on SELECTED pages linked to itemid. So I created a new template for that page (item id 162).

i created a new template default_dark_blue, and a new css, and then put 162=default_dark_blue in the admin – template overwrite . Placed link in new template to the new css. Also placed the following code on the new css:

#ja-container {
border: 0px;
background-color: #ADD8E6 !important; }

this DOES colour the background of the linked page and works well.

HOWEVER, if i replace the background-color: #ADD8E6 !important; with backgound image it doenst work.

How can i put a background image on that page?

[uniquebiz Friend uniquebizJoin date: February 2010Posts: 596Downloads:0Uploads:40 Thanks: 33 Thanked: 156 times in 119 posts]

#346200

maz001;181779I need to place a large background image at the back of the template so it appears on either side of the main content pages. Only need to do ths on SELECTED pages linked to itemid. So I created a new template for that page (item id 162).

i created a new template default_dark_blue, and a new css, and then put 162=default_dark_blue in the admin – template overwrite . Placed link in new template to the new css. Also placed the following code on the new css:

#ja-container {
border: 0px;
background-color: #ADD8E6 !important; }

this DOES colour the background of the linked page and works well.

HOWEVER, if i replace the background-color: #ADD8E6 !important; with backgound image it doenst work.

How can i put a background image on that page?

You can’t use a background css colour call to pull in a background image it has to be declared as a background: urlpath to background etc

we’ll look at the css for the dark-blue theme in ores to call and place the logo as an example

h1.logo a { background: url(../../images/blue/logo.png) no-repeat left; }

Call your background in much the same way, using a no repeat as it’s a full size graphic? placed at left position. make the call top; left; to hang it at the top cnr

Hope this helps
Blessings Shannon

1 user says Thank You to uniquebiz for this useful post

1. mazhar shah

[mazhar shah Friend mazhar shahJoin date: September 2014Posts: 201Downloads:132Uploads:37 Thanks: 37 Thanked: 8 times in 5 posts]

#346202

much obliged. thank you, that worked.

[Author]

Posts