Logo size problem

[zubird]

I am going crazy! I am using the Cafe Pro theme and I am trying to change the size of the logo at the center of the home page to something larger. Below is a screenshot of the image as it is now and the CSS that the browser supposedly "sees". Take a look at the CSS value that I've highlighted in Firebug.

http://snag.gy/njAPx.jpg

The problem? That's NOT my CSS! I've changed it to the following.

.header-image .site-title > a {
background-position: center !important;
background-size: contain !important;
float: left;
min-height: 300px !important;
width: 100%;
}

The website/theme seems to refuse to recognize the updated CSS block.

This next link shows that same bit of CSS as changed to a larger value by me using Firebug. Again, I've highlighted the CSS value in Firebug. The image responds as intended. It's now 300x300.

http://snag.gy/5pWbp.jpg

It seems like this should be a really simple fix but I don't understand why my browsers won't let go of the style (yes, I've cleared my cache). Most of the StudioPress Pro themes have a set size for the logo so should I be looking elsewhere? If so, can anyone tell me what needs to change?

Um, and I've also changed the functions.php file to reflect a height of 300:

//* Add support for custom header
add_theme_support( 'custom-header', array(
'flex-height' => true,
'flex-width' => true,
'header-selector' => '.site-title a',
'header-text' => false,
'height' => 300,
'width' => 350,
) );

Thank you so much!

http://honorflightscrapbook.org/

[Brad Dalton]

You also need to change the value for the width in this CSS which is currently set to 140px;

.header-image .site-title > a {
    background-position: center !important;
    background-size: contain !important;
    float: left;
    min-height: 140px;
    width: 100%;
}

Tested and works.

---

Tutorials for StudioPress Themes.

[Author]

Posts