Home → Problems →

Logo on hosted pages is being automatically resized

• Edit

Perfectly Normal

16 Feb, 2016 05:31 PM

Hello,

I'm a new customer and attempting to set up hosted pages. After many repeated attempts, I've noticed that any logo I upload is being automatically re-sized to a maximum of 300 pixels wide. I can attempt to counter this using CSS, but of course the logo looks terrible as it is stretching a 300 pixel wide image across the page. I am attempting to use a 680 pixel wide image to compliment the width of the boxes on the default theme.

Is this something I can correct, or am I basically stuck with using a small logo?

Thanks in advance!

1. 1 Posted by Drew Songer on 16 Feb, 2016 09:27 PM

   

   Hello,

   You could pull an image that is hosted on your site and display it as a background for the header. This will essentially ignore any image that is uploaded through CG.

   The code could look something like the following:

   div.container img {display:none;}
   
   div.container h1 { 
     line-height: 100px; 
     background-image: url(https://www.dynamoappraiser.com/wp-content/uploads/2015/12/DynamoHeader400x100.png); 
     background-repeat: no-repeat; 
   }
   

   Does that look like something that would work for you?

   Best,
   Drew

   • Edit

2. 2 Posted by Perfectly Norma... on 16 Feb, 2016 09:46 PM

   

   Hi Drew,

   That will work just fine. Thanks very much for the help, and also for getting the code all in place with my account!

   • Edit

3. Drew Songer closed this discussion on 17 Feb, 2016 03:13 PM.