Origin Theme is distorting my logo, and I'm not sure why.

  • Resolved jarrodjones

    (@jarrodjones)


    8 years, 4 months ago

    I discovered that the logo at the top of all my site pages have elongated for reasons that are not obvious to me. I’ve attempted to upload new versions of the logo to see if it was a matter of the image itself, but everything I upload is met with the same distortion.

    I’ve been using Origin Theme since I began my blog nearly three years ago, and have never experienced an issue such as this. Any advice would be greatly appreciated!

Viewing 11 replies - 1 through 11 (of 11 total)
  • Moderator James Huff

    (@macmanx)

    I recommend asking at https://www.ads-software.com/support/theme/origin so the theme’s developers and support community can help you with this.

    Thread Starter jarrodjones

    (@jarrodjones)

    I’ve reached out to Origin’s developers and have had no reply. I’ve taken a screencap of my dilemma, which can be found here:

    https://doomrocket.com/screenshot-2016-07-26-at-9-59-52-am/

    I’ve attempted to troubleshoot (uninstall plugins, switch themes, etc) to little effect. would this have anything to do with the impending WordPress update? I’m stumped!

    Moderator James Huff

    (@macmanx)

    Are you using the latest version of them theme? It was last updated July 12.

    Thread Starter jarrodjones

    (@jarrodjones)

    I believe I am — how can I verify to be sure? An in the chance that I am not, how can I initiate an update? I appreciate your time, thank you!

    Moderator James Huff

    (@macmanx)

    Check Dashboard -> Updates in your site’s Dashboard. Is the theme available for update? If so, you can trigger it there.

    Thread Starter jarrodjones

    (@jarrodjones)

    verified: all themes and plugins have the latest updates, and so does WordPress! still no dice.

    Moderator James Huff

    (@macmanx)

    Can you add the logo, even though its distorted, then give us a link to the site with the problem?

    Thread Starter jarrodjones

    (@jarrodjones)

    I’ve updated the logo:

    https://www.doomrocket.com

    Moderator James Huff

    (@macmanx)

    In source, the image is being inserted by the theme like this:

    <img width="400" height="200" src="https://doomrocket.com/wp-content/uploads/2016/07/cropped-cropped-cropped-dr-1-1-1.jpg" class="custom-logo" alt="cropped-cropped-cropped-dr-1-1-1.jpg" itemprop="logo" srcset="https://doomrocket.com/wp-content/uploads/2016/07/cropped-cropped-cropped-dr-1-1-1.jpg 400w, https://doomrocket.com/wp-content/uploads/2016/07/cropped-cropped-cropped-dr-1-1-1-300x150.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" style="opacity: 1;">

    The problem there is it’s constraining it to 400×200.

    This either appears to be a bug in the theme, or intentional.

    You *might* be able to override that by adding this to a child theme’s style.css file, or a custom CSS plugin:

    img.custom-logo {
    width: 200px !important;
    height: 200px !important;
}

    Or, bypass that by uploading an image that’s only 200×200 pixels.

    Thread Starter jarrodjones

    (@jarrodjones)

    that worked! thank you so much for your help!

    Moderator James Huff

    (@macmanx)

    You’re welcome!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Origin Theme is distorting my logo, and I'm not sure why.’ is closed to new replies.