Modern Studio Pro Theme Logo Resize Hell

[nichole95]

Hi there.

I am in coding hell. I've done what I thought I was supposed to do via the feedback from StudioPress help tickets, but I cannot get my logo to show up correctly. The theme calls for a 300x300 image/graphic, but my established logo is 300x90 pixels. When I change the sizing parameters in the functions.php and styles.css, a rectangle container is created, but it still distorts my logo, squeezing it inward left-to-right, and filling the container on all sides when there is white space around the entire logo. I've tried to go back in and reset the code to the original format, but I must have missed something somewhere in my futzing because it's still cropped.

Again, I AM NOT code-savy, despite my several attempts at learning Dreamweaver. Please, someone with some patience and generosity of spirit, HELP ME.

Much thanks in advance.

http://www.remedy1003.com

[Victor Font]

Here's the corrected CSS for .site-title and .site-title a:

.site-title {
    background: #fff url(images/logo-circle.png) no-repeat;
    background-size: 150px 150px;
    float: left;
    font-family: Montserrat,sans-serif;
    font-size: 20px;
    font-weight: 400;
    height: 154px;
    letter-spacing: 1px;
    line-height: 160px;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
    width: 154px;
}

.site-title a, .site-title a:hover {
    box-sizing: border-block;
    color: #fff;
    display: inline-block;
    line-height: normal;
    width: 150px;
    padding: 15px 15px 20px;
    vertical-align: middle;
    word-wrap: break-word;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts