Joomla Templates Club 406,261 posts

[pimby2010 Friend pimby2010Join date: March 2010Posts: 32Downloads:0Uploads:11 Thanks: 19 Thanked: 2 times in 1 posts]

#199722

Hi! I can’t change the logo size!!!

I added this code to the custom.css

.logo-image {
background: #000;
margin-top: -10px;
min-height: 130px;
min-width: 200px;
position: absolute;
text-align: center;
z-index: 2;
}

But unfortunately the logo graphics width is still 150 px (I would like it to be 200px wide) Thank you!!

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#542547

HI i check your site , and the css you are applied is working there ,
Check this >>>>http://prntscr.com/43718o

<blockquote>But unfortunately the logo graphics width is still 150 px (I would like it to be 200px wide) Thank you!!</blockquote>

Also the width of the logo is 200px . >>>>>http://prntscr.com/43724h

Please clear your browser cache and check it again

1 user says Thank You to Pankaj Sharma for this useful post

1. pimby2010

[pimby2010 Friend pimby2010Join date: March 2010Posts: 32Downloads:0Uploads:11 Thanks: 19 Thanked: 2 times in 1 posts]

#542557

Hi pankasharma! Thank you for your reply 🙂

yes the logo width is 200px…I’ll try to explain better the issue…

there is too much black margin around the graphics, I would like to make the graphics a little bit wider, not they are 150px…I would like to enlarge the logo to 180 px at least

thank you!

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#542565

Just decrease the min-height and width that you mentioned in your custom.css
file ,

Try this
i change height ,width and margin top values .

.logo-image {
background: #000
margin-top: 0px;
min-height: 110px;
min-width: 165px;
position: absolute;
text-align: center;
z-index: 2;
}

It will look like this >>>http://prntscr.com/437gn5

1 user says Thank You to Pankaj Sharma for this useful post

1. pimby2010

[pimby2010 Friend pimby2010Join date: March 2010Posts: 32Downloads:0Uploads:11 Thanks: 19 Thanked: 2 times in 1 posts]

#542570

Thank you Pankasharma, my fault…my request was not clear, sorry!!
Please take a look at the image, the global width remains the same: 200px

thank you for your help,

Eugenia

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#542576

Hello pimby
if you want to remove the black part of image and want to use 200px width ,
in that i suggest you to upload a logo image that does not contain the black part that you want to remove and a width of 200px; .
Let me know if you don`t understand what i am suggesting , i will explain in details 🙂

1 user says Thank You to Pankaj Sharma for this useful post

1. pimby2010

[pimby2010 Friend pimby2010Join date: March 2010Posts: 32Downloads:0Uploads:11 Thanks: 19 Thanked: 2 times in 1 posts]

#542580

I think I did it already Pankajsharma, please take a look at my image 🙂
thank you

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#542591

Hello
yes ii checked it .
here is the solution
add this css code in your custom.css file

.logo-image img {
max-width: 200px;
max-height: 130px;
}

It will look like this >>>> http://prntscr.com/439mv6 😎

1 user says Thank You to Pankaj Sharma for this useful post

1. pimby2010

[pimby2010 Friend pimby2010Join date: March 2010Posts: 32Downloads:0Uploads:11 Thanks: 19 Thanked: 2 times in 1 posts]

#542592

Yesss! Fantastic, now it’s perfect, thank you very much pankajsharma

[Author]

Posts