Joomla Templates Club 406,261 posts

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#166290

Hello,

is it possible to place the logo below the headline and search positions ?

see screenshots :
logo-1.jpg: the logo in the current position.
logo-2.jpg: the logo bigger, which is below the headline and search positions.

How can do that ?

Thank in advance.

---

Attachments:

1. 
2. 

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

#401159

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

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#401167

Yes of course.
I just opened a ticket (CRW-991-60575) with all the information.

But of course, actually, it doesn’t work and look like the screenshot in this post.
And I want to disable to roll-over too. Is there a simply way to do that ?

Thank in advance.
(the logo’s size is actually 943px / 129px)

---

Attachments:

1. 

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#401261

Do you see the access in the ticket ?

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

#401391

You replace this code from /templates/ja_teline_iv/css/template.css


h1.logo a:hover, h1.logo a:focus {
background-position: left bottom;
}
with

h1.logo a:hover, h1.logo a:focus {
background-position: left top;
}

1 user says Thank You to khoand for this useful post

1. dieudonne

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#401789

Thanks,

your answer is to stop the roll-over. Thank. It working fine.

But for my first and main question : “is it possible to place the logo below the headline and search positions ?”
Do you have a idea (maybe with a z-index) ??

Thank in advance.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#402043

hi dieudonne,

i took a look at your site and saw that the logo is below the search position already !

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#402059

Hello,

below is not the exact word, I meant behind.
See the 2 screenshots on the first post of this thread.

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

#402357

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


h1.logo {
height: 129px;
margin-top: 40px; < remove this line
width: 943px;
margin-left: 100px; < add this line
}


1 user says Thank You to khoand for this useful post

1. dieudonne

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#402381

I think Khonad’s suggestion is good but I would not add the magin-left: 100px; as I think that moved the logo too far right.

I would also change template.css line 1560 from


#ja-search form.search {
background: url("../images/icons/search.png") no-repeat scroll 10px center transparent;
display: block;
padding-left: 35px;

}

to


#ja-search form.search {
background: url("../images/icons/search.png") no-repeat scroll 10px center white;
display: block;
padding-left: 35px;

}

Otherwise the search box will look a bit of a mess.

The same could be said for the headline scroller.

1 user says Thank You to Phill for this useful post

1. dieudonne

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#402843

<em>@khoand 254744 wrote:</em><blockquote>You find this code from /templates/ja_teline_iv/css/template.css


h1.logo {
height: 129px;
margin-top: 40px; < remove this line
width: 943px;
margin-left: 100px; < add this line
}

</blockquote>

Thank you, that’s exactly what I wanted.

But, what do you want add this line : margin-left: 100px;
With this, the logo is too much on the right (see screenshot).
It’s working fine wihout this line…

---

Attachments:

1. 

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#403071

I think Khoand was unsure of the positioning you wanted with regards to the logo so put that line in so you could see how to move it if needed.

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#403105

Ok this is what I thought.
Thank for your help.

[Author]

Posts