Joomla Templates Club 406,261 posts

[Fariz Iskandar Friend Fariz IskandarJoin date: September 2014Posts: 23Downloads:0Uploads:10 Thanks: 11]

#165992

Hello experts..,

i want to ask about this,
– how to change rounded to be fixed straight
– how to make shadow at border
plz see my attachment.
thanks before.

Fz.

---

Attachments:

1. 

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

#400125

Hi,
You find this code from /templates/ja_mesolite_ii/css/template.css

#ja-header .inner {
height: 100px;
line-height: normal;
position: relative;
background: url(../images/main-tr.gif) no-repeat top right; < remove this line
}

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

#400136

Hi find this code from /templates/ja_mesolite_ii/css/template.css

#ja-container .main {
border-top: 1px solid #CCC;
background-color: white;
-webkit-box-shadow: 10px 2px 5px #888; < add this line
box-shadow: 10px 2px 5px #888; < add this line
}

[Fariz Iskandar Friend Fariz IskandarJoin date: September 2014Posts: 23Downloads:0Uploads:10 Thanks: 11]

#400139

thanks khoand .. 🙂 :-*

[Fariz Iskandar Friend Fariz IskandarJoin date: September 2014Posts: 23Downloads:0Uploads:10 Thanks: 11]

#400143

it’s works but only one side 🙂
please tell me how to set all, my friend…

<em>@khoand 251792 wrote:</em><blockquote>Hi find this code from /templates/ja_mesolite_ii/css/template.css

#ja-container .main {
border-top: 1px solid #CCC;
background-color: white;
-webkit-box-shadow: 10px 2px 5px #888; < add this line
box-shadow: 10px 2px 5px #888; < add this line
}
</blockquote>

---

Attachments:

1. 

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

#400147

You find this code from /templates/ja_mesolite_ii/css/template.css

#ja-header .main {
height: 100px;
background: white url(../images/main-tl.gif) no-repeat top left;
-webkit-box-shadow: 10px 2px 5px #888;<add this line
box-shadow: 10px 2px 5px #888;<add this line
}

#ja-mainnav .main {
background: #333 url(../images/dot-dark.gif) repeat-y 20% top;
border-top: 1px solid #E6E6E6;
min-height: 35px;
z-index: 999;
-webkit-box-shadow: 10px 2px 5px #888;<add this line
box-shadow: 10px 2px 5px #888;<add this line
}

#ja-container .main {
border-top: 1px solid #CCC;
background-color: white;
-webkit-box-shadow: 10px 2px 5px #888; < add this line
box-shadow: 10px 2px 5px #888; < add this line
}

#ja-footer .main {
background: #333 url(../images/dot-dark.gif) repeat-x 20% top;
-webkit-box-shadow: 10px 2px 5px #888;<add this line
box-shadow: 10px 2px 5px #888; < add this line
}

1 user says Thank You to khoand for this useful post

1. Fariz Iskandar

[Fariz Iskandar Friend Fariz IskandarJoin date: September 2014Posts: 23Downloads:0Uploads:10 Thanks: 11]

#400150

thanks you 🙂

[Author]

Posts