Public Forums 71,145 posts

[jtestguy Friend jtestguyJoin date: April 2011Posts: 26Downloads:0Uploads:2 Thanks: 5 Thanked: 2 times in 1 posts]

#163432

Just bought a 1 year JA subscription. I’m a programmer but not a CSS guy so would really appreciate help with this.

Using default T3 template v1.0.3 w/ default, blue, and red profiles & J1.6. Trying to replace demo logo with a 920x100pix background image + a new 350×50 logo (both files are transparent PNG-24). I removed all logo declarations except the one in “templatecsstemplate.css” so the same logo schema works across all profiles.

Q 1: What is the CSS code to overlay the logo on top of a background image?

Q 2: What formatting change will float the Search field in the R.H. side of the header in front of the background image?

Thanks in advance!

Chris

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

#389202

Hi,
Open <joomla url>/templates/ja_purity_ii/css/template.css file, change bold value to your value
Q1:
– To change background


#ja-header .main {
background: url(../images/header3.jpg) no-repeat right top #333;
height: 79px;
padding: 0;
}
– To change logo


h1.logo a {
background: url(../images/logo.gif) no-repeat left;
display: block;
height: 79px;
width: 207px;
}

Q2: Find this code


#ja-search {
padding-left: 20px;
background: url(../images/icon-search.gif) no-repeat center left;
position: absolute;
bottom: 15px;
right: 15px;
}

2 users say Thank You to khoand for this useful post

1. Phill
2. jtestguy

[jtestguy Friend jtestguyJoin date: April 2011Posts: 26Downloads:0Uploads:2 Thanks: 5 Thanked: 2 times in 1 posts]

#389216

khoand, thanks much for the quick answers which allowed me to get the background and logo images working perfect.

BTW, the search field issue was actually caused by declaring too wide a space for the logo image (the space overlapped the search field).

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

#389225

<blockquote>BTW, the search field issue was actually caused by declaring too wide a space for the logo image (the space overlapped the search field).</blockquote>
Could you give me a link to your website?

[jtestguy Friend jtestguyJoin date: April 2011Posts: 26Downloads:0Uploads:2 Thanks: 5 Thanked: 2 times in 1 posts]

#389345

I just sent you a PM since the site is not live yet.

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

#389462

I saw your site. And I think it’s OK. What problem do you get? Could you give me a snapshot with your annotation?

[Author]

Posts