Logo on hosted pages is being automatically resized

Perfectly Normal's Avatar

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

    Drew Songer's Avatar

    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

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

    Perfectly Normal's Avatar

    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!

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

Discussions are closed to public comments.
If you need help with Cheddar please start a new discussion.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac