Dark banner image

[Sarah Hauser]

Hello ~

I decided to use the new method of adding a banner today to one of my pages. I used the “featured image” section of my page. In the page options section, I’m using the “full width, above content” option. When reviewing the finished header picture, it’s darker than the original uploaded. How do I use the original (brighter) image? Link below.

thank you,
Sarah Hauser
http://cuttingboardmaster.com/contact-us/

Topic

[Jason Bobich]

Hi Sarah,

These images are styled this way so that the title of the page can display on top. But of course, you can always change anything like this through basic CSS customization.

For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme‘s style.css or in the “Custom CSS” option on your theme options page.

.epic-thumb.fw img {
  opacity: 1;
}

[Sarah Hauser]

Thanks Jason – from someone that’s coming from a perspective of not knowing much with CSS coding (hence the reason I use your wonderful theme!), would you consider adding the option of keeping the image the same color vs. darkening it?

I think it’s strange that all banners are darkened; assuming everyone will want to add text over them doesn’t make sense to me.

thanks for considering my idea!

Best,
Sarah Hauser

[Jason Bobich]

Thanks for the feedback. I think it’s not that it’s an assumption someone wants to always put text over an image, but it’s the default functionality and intention for this feature, where you’re creating a banner for your page. When selecting to display the featured image above, it’s automatic that you’re creating a banner with page title. The user has to take an extra action and select to hide the page title, for this not to be the case.

It’s tough to add options for little stuff like this because it becomes a sort of never-ending black hole of potential other options that could be added, and I think this leads to even more of a confusing user experience with too much to setup.

I’m trying to always come up with ways to make it things “just work” (which is close to impossible but always the goal in everything). But considering how you came to this issue, maybe a better solution for all this would be to keep it as-is, but if the user selects for the title to be hidden, then remove the shading. In your opinion does something like that make sense?

[Sarah Hauser]

Yes, Jason! I agree with that last paragraph, you said it much better than I did. I was just looking for the system to automatically post my header image as-is, in the event that I select “title to be hidden.” You got it. It would make sense to me that way, but I do understand your point. It seemed like the “old” header didn’t shade my image, so I feel like that functionality was also taken away…haha.

Thanks for listening 🙂

Cheers,
Sarah

[Jason Bobich]

Ok, this is in there for the next update, v2.1.1 — full-width and full-screen featured image will automatically be 100% opacity when page title is hidden. Thanks for feedback, as always. Whether you are a developer or not, what you think or don’t understand when trying to use the the features of the theme is important. 🙂

[Sarah Hauser]

Awesome! Thank you Jason!! 🙂

Sarah Hauser

[Author]

Replies