Joomla Templates Club 406,261 posts

[johnyan73 Friend johnyan73Join date: March 2010Posts: 26Downloads:0Uploads:12 Thanks: 2 Thanked: 1 times in 1 posts]

#176518

I’d like to use a photo to replace the top green rectangle, how can I do it?

and what’s the size of the photo should I use?

Thanks!

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#450399

Hi

In this file /templates/ja_zeolite_ii/css/template.css around line 855 now you have

#ja-header .main {
background-color: #54992F;
height: 150px;
min-height: 150px;
}

replace the code in red with

background: url("../images/yourimage.xxx") no-repeat scroll left top transparent; height: 150px; width: 700px;

copy your image in the /templates/ja-zeoliteII/images/ folder

for the width you need to test if 700px could be a good solution anyway try to enlarge and change the value above with the correct one

[johnyan73 Friend johnyan73Join date: March 2010Posts: 26Downloads:0Uploads:12 Thanks: 2 Thanked: 1 times in 1 posts]

#450402

<em>@pavit 316341 wrote:</em><blockquote>Hi

In this file /templates/ja_zeolite_ii/css/template.css around line 855 now you have

#ja-header .main {
background-color: #54992F;
height: 150px;
min-height: 150px;
}

replace the code in red with

background: url("../images/yourimage.xxx") no-repeat scroll left top transparent; height: 150px; width: 700px;

copy your image in the /templates/ja-zeoliteII/images/ folder

for the width you need to test if 700px could be a good solution anyway try to enlarge and change the value above with the correct one</blockquote>

Hi pavit,

thank you for your solution.

I’m using a photo as the banner background now but there is still small green color on the corner of the ‘Shopping Cart’ button.

How can I remove those green color from there?

Thanks!

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#450444

Hi

Please post a link to your site, so i can check which file needs to be modified.

Thanks

[johnyan73 Friend johnyan73Join date: March 2010Posts: 26Downloads:0Uploads:12 Thanks: 2 Thanked: 1 times in 1 posts]

#450562

<em>@pavit 316395 wrote:</em><blockquote>Hi

Please post a link to your site, so i can check which file needs to be modified.

Thanks</blockquote>

http://cantri.ca/zeolite2/

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#450571

Hi

In this file /templates/ja_zeolite_ii/css/ja.vm.css at line 193 you have now

div.vm-showcart a {
background: url("../images/bt-viewcart.gif") no-repeat scroll 0 0 #FFFFFF;
color: #666666;
display: block;
font-weight: bold;
height: 25px;
line-height: 25px;
margin-left: 35px;
padding-left: 30px;
width: 70px;
}

Try to change the image ( bt-viewcart.gif ) with a png ( transparent background ) bt-viewcart.png

You can find the image in the source files of the template.

[johnyan73 Friend johnyan73Join date: March 2010Posts: 26Downloads:0Uploads:12 Thanks: 2 Thanked: 1 times in 1 posts]

#450797

I’ll try it and let you know the result.

Thanks!

[Author]

Posts