Joomla Templates Club 406,261 posts

[kferguson Friend kfergusonJoin date: August 2011Posts: 4Downloads:0Uploads:2]

#168688

How can I make the left, right and bottom shadows transparent to blend into the background image in JA Topaz?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413411

Hi,
Could you give me a snapshot with your annotation?Could you give me a link to your page as you said?

[kferguson Friend kfergusonJoin date: August 2011Posts: 4Downloads:0Uploads:2]

#413516

the grey line I would like to make transparent with shadow

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413522

You go to Template manager,choose JA JA Topaz template, then change CSS Optomize fieds to NO, so I can check how and where to customize for you.Could you give me a link to your page as you said?

[kferguson Friend kfergusonJoin date: August 2011Posts: 4Downloads:0Uploads:2]

#413524

In template manager JA Topaz I can’t see where I can change CSS Optomize fields to No.
http://www.sheppartonlawntennisclub.com.au

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413526

You find this code from /templates/ja_topaz/css/template.css in the line #700, #1265

.main {
background: url(../images/mainwrap-bg.gif) repeat-y center top; < remove this line
margin: 0 auto;
width: 980px;
}

#ja-footer {
background: url(../images/mainwrap-bot.gif) no-repeat center bottom; < remove this line
clear: both;
margin: 0 0 20px;
padding-bottom: 10px;
}

[kferguson Friend kfergusonJoin date: August 2011Posts: 4Downloads:0Uploads:2]

#413532

thankyou. that has removed the grey area, but how can I retain the shadow as in this JA Topaz example?

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413670

Because background you use is grass image, background of demo site is grey, and image is used to make shadow is suit for grey background. So you need to edit http://www.sheppartonlawntennisclub.com.au/templates/ja_topaz/images/mainwrap-bg.gif.
After you edit the image, you restore this code


.main {
background: url(../images/mainwrap-bg.gif) repeat-y center top;
margin: 0 auto;
width: 980px;
}

[Author]

Posts