Changing "live area" of header-image link?

[snallygaster]

Hi Community!

I'd like to set the active linked area of my header image to be only a the top 80px or so of the image. I've been fiddling around with the CSS for way longer than it <<should>> be taking - lol - so wanted to ask for some suggestions.

You'll see why when you look at the site: http://143.95.235.86/~hvastaging

I'm using Monochrome Pro as a base child theme, but I'm pretty sure the solution (if there is one) would apply to any StudioPress Genesis child.

Everything I've tried has changed the image size as well... I can't figure out how to uncouple the image itself from the area.

Many thanks for any suggestions!

http://143.95.235.86/~hvastaging

[Brad Dalton]

Try setting the values for the title-area width and height.

---

Tutorials for StudioPress Themes & WooCommerce.

[snallygaster]

Thanks, Brad. Still not getting it...

I tried the basic title area CSS, adding height and width, but no apparent change:

.title-area {
float: left;
padding-bottom: 20px;
padding-top: 20px;
height: 80px;
width: 340px;
}

Also, my .header-image .title-area CSS already has height/width params that don't seem to affect the active area:

.header-image .title-area {
height: 50px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
padding: 0;
width: 340px;
}

[Victor Font]

Header images are added through inline CSS and applied as background images to the site header link itself. You cannot decouple these unless you want unless you write your own function to replace the built-in Genesis genesis_seo_site_title function.

---

Regards,

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

[snallygaster]

Thanks, Victor. That's what I was suspecting but hoping there was a CSS workaround.

Best,
Rob

[Author]

Posts