Genesis sample child theme stylesheet specificity

[Jane James]

Hi all,

I am new to genesis and I have added theme support for my custom logo in the genesis header, since this is not included with genesis sample. I aded this to my functions.php file:

add_theme_support( 'custom-logo', array(
'height' => 140, // set to your dimensions
'width' => 140,
'flex-height' => true,
'flex-width' => true,
) );

The logo is showing perfectly, but I want to reduce the width to 50%. When I inspect the element, I get this css rule:

.wp-custom-logo .title-area img {
width: auto;
}

When I change the width to 50% in chrome dev tools, its the right size. This rule is being inherited from Genesis parent theme.

I tried altering the width on my child theme style.css and header.scss files to 50% but the parent theme specificity is higher priority. I have tried adding !important at the end of the rules in genesis sample/style.css and still no working.

I was wondering if I can declare the child theme stylesheet to have priority over the parent theme in my functions file (I assumed this woud be the case but Im wrong.)

Can anyone share how they solved this issue?

Thanks alot

[Brad Dalton]

Works when i test it in the latest version.

What happens if you add the CSS inline using the Additional CSS input field via the customizer?

Make sure you clear caching both server/plugin and browser caching.

---

Tutorials for StudioPress Themes.

[Author]

Posts