How to make a bigger logo?

Illdy
1

Hi there,

I would like to make the logo bigger. Let’s say 146 pix width, 101 pix height.
I don’t know where to start. I still didn’t work with coding. This is my first Wordpress site.
So please explain in steps what should I do, where exactly to put code or whatever is needed.

Thanks a lot!

Cheers,

Irena

2

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the size of the logo by going to Appearance > Customize > Additional CSS and pasting it there.


/*Logo size*/
.col-sm-4.col-xs-8 img {
    height: 101px;
    width: 146px;
}

Best Regards,
Support

3

Hi there,

Thanks a lot :))
It’s working.

I have some more question, with another topic.
I guess I have to ask it in another email?

Best regards,
Irena

4

The code works great but the logo image is pixelated. Can that be fixed?

5

That’s true, mine is also a bit blurry.
Let us know what could be done about that?
Thanks

6

HI there

If your log is now pixelated or blurry then this means you are using not proper image size for the logo, please show me url and i can tell you recommended a size for your website

7

Hi there,

I am now busy creating site locally via MAMP, learning this via Skillshare :slight_smile:
When my client is satisfied and the site is ready I will export it to the live web server.
So I can’t send you url.
I will send you screenshot where you can see logo behind + in front 100% original logo size in Preview.
This logo is 148 width and 101 high, I did with 72 dpi and one is with 100 dpi, png file.
Created in Illustrator and later saved in Photoshop png file.
72 or 100 dpi, looks the same online, a bit blurry. Especially I would need text in red (kids, tiener coach) to be a bit sharper. I know its small, but in the original file is much better and Home button in white is also small but sharper.
Thanks a lot for your help!!
Kind Regards,
Irena

8

Hi,

Can you contact us after you moving to a live URL, so that is easy for us to debug, and also if you’re using this code, https://colorlibsupport.com/t/how-to-make-a-bigger-logo/#post-152828 make sure the logo is also on the same size noted in the CSS.

Let us know,

Thanks,
laranz.

9

Hi there,

Ok, after its live URL and if still, I didn’t resolve this I will contact you.

I use the same size of the logo as its written in this custom CSS.

Thanks,
Irena

10

Hi @irena,

Keep us updated. :slight_smile:

Let us know if you have any other questions,

Thanks,
laranz.

11

Hi there,

My client like the site in total, except logo is too small.
For example, text in description Coaching. Kids etc. are very big, but the logo is very small in comparison to that.
And that’s her brand, so she would need it bigger.

I already communicate with you about this as it was first small, then big but not sharp and now is again small and sharp. But too small.
I just need again code for CSS that would make logo 20% bigger. Doesn’t matter if its a bit blurry.
What would be the best code maybe this sizes to try
h123 w176
h136 w195

I try to use this sizing in existing CSS for the logo but didn’t change size. I think I need something different in code so the logo can be bigger again.
I hope you can help!
Thanks,
Irena

12

hi Irena

We discussed this question in other tickets many times, logo now has normal size, its not big not small
changes and modification in the template files is necessary to achieve this because only with css results are not good

13

Hi Noda,

I understand that is difficult. And I don’t ask you to reorg the whole thing. I just need the code that would make logo 20%bigger, even a bit blurry. Old kind of code.

If I put it, in this logo CSS code
/*Logo size
.col-sm-4.col-xs-8 img {
height: 110px;
width: 158px;
}
*/
larger numbers, it stays the same. Like automatically can’t be changed.
Logo before was bigger and my client wants it rather as it was before.

At the end of the day, my client is the owner of this website and she finds logo much too small. So doesn’t matter what others think, she should be happy with her own site.

I just try to combine whatever is possible between you and her, to finalize this and make my client satisfied.
I hope you can help me with some code.

Thanks,
Irena

14

Hello there,

This CSS should allow you to alter the logo size:


/*Logo size*/
col-sm-4.col-xs-8 img {
    height: 130px;
}

Best Regards,
Support

15

Hi there,

Thanks for your email :slight_smile:

Unfortunately, nothing changed with this code. I removed old and put this. But nada.
Some more possibilities?

Cheers,
Irena

16

Hello there,

That is the only CSS that affects the logo, so try this instead:


/*Logo size*/
/*Logo size*/
col-sm-4.col-xs-8 img {
    height: 130px !important;
}

Best Regards,
Support

17

Hi there,

Thanks for your email. Unfortunately, didn’t change anything.
Some more tips?
Thanks,
Irena

18

Hello there,

I hope you are doing well today.

Please try clearing the browser cache then reload the page and let me know if that helped.

Best Regards,
Support

19

Hey there,

I hope you are well as well :slight_smile:

Didn’t help this code :frowning:

see attached.

2 weeks ago your team via temporary login plugin changed something to make logo sharp, that’s was good.
But now logo can’t be resized to bigger and that’s what my client wants very much. That’s the only thing she wants to be changed on this site.
Hope you have some tips!
Thanks
irena

20

Hi there

Dear Irena, how i said this problem can not be fixed by only css code, customization of the theme is necessary and it needs custom/freelance work, i truly apologize but there is no other way, we discussed this earlier and nothing has been changed since then