Joomla Templates Club 406,261 posts

[ftwent Friend ftwentJoin date: October 2010Posts: 72Downloads:0Uploads:7 Thanks: 17 Thanked: 1 times in 1 posts]

#175054

Hello,

I am building a new website for a client and i want to change the position of the logo so it comes on one line with the menu.

The first example is how it is now and the second one is how i want it to be.

How do i do this?

greetings remco.

---

Attachments:

1. 
2. 
3. 

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

#443975

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

[ftwent Friend ftwentJoin date: October 2010Posts: 72Downloads:0Uploads:7 Thanks: 17 Thanked: 1 times in 1 posts]

#443978

http://www.deportesatalanta.es

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

#443983

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

h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
height: 80px;
width: 190px;
padding-top:70px; < add this line
}

[ftwent Friend ftwentJoin date: October 2010Posts: 72Downloads:0Uploads:7 Thanks: 17 Thanked: 1 times in 1 posts]

#443986

Ok

I did this but this only makes the banner bigger but it does not change the menu allignment…i need the logo and the menu to be on the same high..

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

#443994

You go to Template manager,choose JA Blazes template, then change CSS Optomize fieds to NO, so I can check how and where to customize for you.

[ftwent Friend ftwentJoin date: October 2010Posts: 72Downloads:0Uploads:7 Thanks: 17 Thanked: 1 times in 1 posts]

#443999

ok did that

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

#444004

You find this code from http://www.deportesatalanta.es/templates/ja_blazes/css/template.css

h1.logo {
height: 60px;
width: 200px;
padding-top: 70px; < remove this line
}

h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
height: 80px;
width: 190px;
padding-top: 70px;< add this line
}

1 user says Thank You to khoand for this useful post

1. ftwent

[ftwent Friend ftwentJoin date: October 2010Posts: 72Downloads:0Uploads:7 Thanks: 17 Thanked: 1 times in 1 posts]

#444006

Great!!! thank you so much it is good now….

[Author]

Posts