Joomla Templates Club 406,261 posts

[magtaf Friend magtafJoin date: April 2006Posts: 78Downloads:27Uploads:29 Thanks: 16 Thanked: 1 times in 1 posts]

#181834

Hi everyone, I am changing the background on this template but it keeps tilling. Is there a way to setup as the demo and like the attached image.

If you can take a look at our demo site http://alcary.com/CTBG/index.php/en/, i want to make is look like this attached image and having some issues with the CSS.

---

Attachments:

1. 

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

#471559

Hi magtaf,

Please open file: /templates/ja_mendozite/themes/green/css/template.css
– At line 15:

#ja-wrapper > .wrap {
background-image: url("../images/CT-bkgrnd_1.jpg"); <<< remove this image
}

– At line 20:


#ja-header, #ja-mainnav, #ja-slideshow {
background-color: #94C0A4
background-image: url("../images/CT-bkgrnd_1.jpg"); <<< add this line
}

Hope this helps.

[magtaf Friend magtafJoin date: April 2006Posts: 78Downloads:27Uploads:29 Thanks: 16 Thanked: 1 times in 1 posts]

#471604

Thank you, that fixed it partially.

In the home it is still tilling. What is the size that the background image should be?

Also, in the inner pages I would like the background the same height than what it would show in the home.
If I go to http://alcary.com/CTBG/index.php/en/component/k2/item/7-financial-services the background is shorter. How can I make it the same as the home?

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

#471612

Hi again,

In your homepage, it includes slideshow block and above css rule apply for background of this slideshow. While in http://alcary.com/CTBG/index.php/en/component/k2/item/7-financial-services, it does not have slideshow, the background only apply for the header block.

You can make change easily by using Google chrome inspect element or Firebug for Firefox. What I usually do is set Compress CSS in Template manager to No, then hover on any block you want and right click on it and then click on inspect element, it will show you which CSS class it is using and which CSS file and the path to this element on the right side. then you can go to the file and replace it with new CSS you change like above.

Regards.

1 user says Thank You to Saguaros for this useful post

1. magtaf

[Author]

Posts