Joomla Templates Club 406,261 posts

[drongo79 Friend drongo79Join date: April 2010Posts: 24Downloads:0Uploads:2 Thanks: 7]

#154483

Hi,

I am currently using JA Ores as my template. The logo appears to be indented from the left by approx 2cm. Does anybody have any idea how I get it to be flush to the left hand side?

Any help would be appreciated.

Thanks
Jasper

[jasonbshepard Friend jasonbshepardJoin date: July 2010Posts: 5Downloads:0Uploads:0 Thanks: 2 Thanked: 1 times in 1 posts]

#356182

/* Logo Image —*/
h1.logo { margin: 1px 0 0 15px; }

change 15px to 1px or 0px..

template.css

also look at your logo.png and see where it starts ( is the a lot of space between image and border?)

1 user says Thank You to jasonbshepard for this useful post

1. drongo79

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#356190

<em>@drongo79 194823 wrote:</em><blockquote>Hi,

I am currently using JA Ores as my template. The logo appears to be indented from the left by approx 2cm. Does anybody have any idea how I get it to be flush to the left hand side?

Any help would be appreciated.

Thanks
Jasper</blockquote>
Thanks jasonbshepard, @jasper Did you resolve this issue 🙂

1 user says Thank You to Saguaros for this useful post

1. drongo79

[drongo79 Friend drongo79Join date: April 2010Posts: 24Downloads:0Uploads:2 Thanks: 7]

#356243

Hi Jason,
Thanks very much for your help. Unfortunatley it did not correct the problem. I am using the right-body-left setup. he log div i Have changed as follows to incoporate my image;

/* HEADER
——————————————————— */
#ja-header {
background-color: #202020;
border-bottom: 1px solid #151515;
}

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

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; }

h1.logo, div.logo-text { float: left; z-index: 100; }

/* Logo Image —*/
h1.logo { margin: 1px 0px 0px 0px; }

h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
height: 200px;
width: 1400px;

I will try and attatch a screen print to highlight the problem.
Many thanks in advance.
Jasper

---

Attachments:

1. 

[drongo79 Friend drongo79Join date: April 2010Posts: 24Downloads:0Uploads:2 Thanks: 7]

#356244

I have posted a reply, unfortunaltey it did not help, screenprints attached,
Many thanks
Jasper

[drongo79 Friend drongo79Join date: April 2010Posts: 24Downloads:0Uploads:2 Thanks: 7]

#356261

I have now resolved this issue. Thank you both for your help.

For those people who wish to know the solution; as described above, on line 1216 of templates/css/template.css,

find the line;

h1.logo { margin: -40px 0 0 -70px; } (your numbers will vary from these here. change the RIGHT number (the -70px number) to suit your tastes. this format has my logo flush to the left side of the page

[Author]

Posts