Joomla Templates Club 406,261 posts

[sranantube Friend sranantubeJoin date: June 2010Posts: 98Downloads:0Uploads:6 Thanks: 4]

#169651

Hi peepz..

I want to put the logo in the centre of the page. Has anyone an idea how to do that?

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#419179

Hi,

you can try to find this code:


h1.logo a {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("../images/logo.png");
background-origin: padding-box;
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto auto;
display: block;
height: 60px;
width: 295px;
}


and change it to :


h1.logo a {

background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("../images/logo.png");
background-origin: padding-box;
background-position: 330px 50%;
background-repeat: no-repeat;
background-size: auto auto;
display: block;
height: 60px;
width: 550px;

}

You will find that code in template.css around line 795

[sranantube Friend sranantubeJoin date: June 2010Posts: 98Downloads:0Uploads:6 Thanks: 4]

#419256

Hi Pascm,

I just see these codes:

#ja-header {
height: 100px;
z-index:999;
}

#ja-header .main {
height: 100px;
position: relative;
}

h1.logo, h1.logo-text {
font-size: 300%;
left: 0;
letter-spacing: 1px;
margin: 0;
padding: 0;
position: absolute;
top: 15px;
}

h1.logo a {
background: url(../images/logo.png) no-repeat;
display: block;
height: 60px;
width: 295px;
}

h1.logo a:hover, h1.logo a:active, h1.logo a:focus {
}

* html h1.logo a:hover {
background: none;
cursor: pointer;
}

h1.logo a span {
position: absolute;
top: -1000px;
}

h1.logo-text a {
color: #FFFFFF;
text-decoration: none;
}

h1.logo-text a:hover, logo-text a:active, logo-text a:focus {
background: none;
color: #FFFFFF;
}

span.site-slogan {
color: #FFFFFF;
display: block;
}

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#419307

Ok, you can go to template.css at line 798 ( if you haven’t changed or added any other line and you will find this exact code:


h1.logo a {
background: url(../images/logo.png) no-repeat;
display: block;
height: 60px;
width: 295px;
}


and you change it to :


h1.logo a {
background: url(../images/logo.png) no-repeat;
background-position: 350px;
display: block;
height: 60px;
width: 550px;
}


P.S. as long as you keep the logo dimensions the same.

[sranantube Friend sranantubeJoin date: June 2010Posts: 98Downloads:0Uploads:6 Thanks: 4]

#419744

I’ve tried it, but it doesn’t work.

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#419865

Hi

Can you please show me your web site so i can take a closer look ?

Regards

[Author]

Posts