Jump to content

Logo Image Resizing Help!

Recommended Posts

Site URL: https://alishatrahmsphotography.com

Hi there! I'm currently attempting to style a PNG logo which I've created to replace the default site title I'd been using. When I upload (even large files) an apply the file, the image is incredibly tiny, so I go to the Heading - Branding section and increase the logo width all the way up and it is still smaller than I'd like. I've tried cropping the PNG closer to the actual text before exporting from Photoshop, increasing the file size, trying a JPG type instead, decreasing the element spacing (both vertical and horizontal) down to almost nothing, and using several variations of Custom CSS code...nothing is working! Help, please! 

PS. My template is Forum from the Brine family.

Link to comment
  • Replies 10
  • Created
  • Last Reply

Top Posters In This Topic

Hi @tuanphan! I actually mean on my main site. It looks ok-ish right now because I have my logo width increased to the absolute maximum (320), but it's still not as large as I want it. The original setting of 55 is absolutely micro, and when I upload larger file sizes for the logo it doesn't change the size on the site at all.

Link to comment
On 8/12/2020 at 11:29 PM, roselanaiz said:

Hi @tuanphan! I actually mean on my main site. It looks ok-ish right now because I have my logo width increased to the absolute maximum (320), but it's still not as large as I want it. The original setting of 55 is absolutely micro, and when I upload larger file sizes for the logo it doesn't change the size on the site at all.

Add to Home > Design > Custom CSS

/* desktop logo */
.Header-branding-logo {
    max-width: 500px;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 year later...
On 10/30/2021 at 5:54 AM, MoonMama said:

Hi, 

I have a similar question I want the home page logo Larger and the other pages, and mobile regular size is that possible?

https://www.tribeandsol.com

Hi,

You want: Desktop: Home + Other Pages: Logo Larger

Mobile: Regular size?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 11/1/2021 at 10:39 PM, MoonMama said:

Hi, 

I wanted the logo larger on desktop and mobile home page only and got help with desktop.

For the mobile homepage is there a way to make it larger the home page only?

Add to Design > Custom CSS

/* Homepage mobile logo */
@media screen and (max-width:767px) {
body.homepage .header-title-logo img {
    max-height: 200px;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.