Joomla Templates Club 406,261 posts

[milla83 Friend milla83Join date: January 2011Posts: 3Downloads:0Uploads:0]

#159303

I would like to firstly enlarge the block in whitvh the logo features as the block is way too small formy logo. When I do this in the CSS template file it does increase but pushes the logo down. I would to center it again so that it is larger and centered. Can anyone assist with the coding and location of these specs?!!! Please. The current logo wont word on this small block.

Thanks

Mich:-[

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#374062

You can mainly adjust the width and height values here to set your logo right ::

h1.logo a {template.css (line 363)
background: url(“../images/logo.png”) no-repeat scroll left center transparent;
display: block;
height: 93px;
width: 302px;
}

and

h1.logo {template.css (line 361)
float: none;
height: 93px;
margin: 40px auto 20px;
width: 302px;
}

1 user says Thank You to aman204 for this useful post

1. kenkel22

[karimium Friend karimiumJoin date: February 2011Posts: 5Downloads:0Uploads:0 Thanks: 2]

#378207

i’m new to Joomlart, where can i get the (HTML) file ?

thanks in advance

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#378283

<em>@karimium 223494 wrote:</em><blockquote>i’m new to Joomlart, where can i get the (HTML) file ?

thanks in advance</blockquote>

The specific css file is located here::

/templates/ja_droid/css/template.css

which you can access and edit through your favorite ftp clients like filezilla or cuteftp

[karimium Friend karimiumJoin date: February 2011Posts: 5Downloads:0Uploads:0 Thanks: 2]

#378333

Thank you so much, that helped me 🙂

[dmason Friend dmasonJoin date: March 2010Posts: 47Downloads:0Uploads:11 Thanks: 5]

#378575

I have the same obejctive. I can adjust the code to insert a wider image, but I cannot seem to figure out how to center the logo. My new bigger image goes off the right hand side of the page.

Please help!

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

#378576

Please post a link to your site and we can look at the code for your specific needs. Please also make sure css optimization is set to “No” in the template manager so we can see the correct files to work on.

[dmason Friend dmasonJoin date: March 2010Posts: 47Downloads:0Uploads:11 Thanks: 5]

#378581

http://conciergefinancialoffice.com/

This logo is 600px wide.

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

#378639

Open template css and around line 409 adjust the bit I have highlighted below in red as required, probably to 600px.


h1.logo {
float:none;
height:93px;
margin:40px auto 20px;
width:302px;

}


Then at line 411 do the same


h1.logo a {
background:url("../images/logo.png") no-repeat scroll left center transparent;
display:block;
height:93px;
width:302px;

}


Should do the trick

1 user says Thank You to Phill for this useful post

1. kenkel22

[dmason Friend dmasonJoin date: March 2010Posts: 47Downloads:0Uploads:11 Thanks: 5]

#378703

Success! Thank you so much!

[Author]

Posts