• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Workstation Pro front page shadow overlay issue?

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Workstation Pro front page shadow overlay issue?

This topic is: resolved

Tagged: workstation pro

  • This topic has 6 replies, 3 voices, and was last updated 9 years, 11 months ago by Summer.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 12, 2015 at 9:59 pm #170962
    Summer
    Member

    I'm running into a strange behavior... in the demo for Workstation Pro, there seems to be a greyscale overlay on the post images in Footer Section 4 (the bottom area blog posts).

    However, in a demo site and in a new site I'm building, I can't get that overlay to appear on top of the images... at least on the images after the first one.

    I'm really at a loss here, and ended up physically adding the overlay to the image itself to improve the contrast between the text and the image.

    I've gone through the setup several times, and it doesn't look like I'm missing anything. Can anyone eyeball what I'm working on and tell me what's going on?

    You can see that part in action on my test site: http://demo.atouchofsummer.net/


    WordPress / Genesis Site Design & Troubleshooting: A Touch of Summer | @SummerWebDesign
    Slice of SciFi | Writers, After Dark

    November 12, 2015 at 10:20 pm #170964
    carasmo
    Participant

    There is no overlay on the images, they are dark like that in the source. Pretty odd thing to do.

    http://demo.studiopress.com/workstation/files/2013/09/news-4-600x400.jpg

    Your set up looks nice when there is a full image, but when it's a white image with text it's very hard to read.

    Many choices to choose from here:

    https://css-tricks.com/design-considerations-text-images/


    Genesis Theme Customization and Help

    November 13, 2015 at 12:51 pm #171025
    Summer
    Member

    Actually, if you look at the CSS for Workstation Pro, there is an overlay... that's why you can see it on the one white image, and if the browser loads slowly enough, you can see the overlay on the entry header areas for the other posts start to load, but then the image loads on top of the gradient instead.

    The CSS for the linear gradients is visible when you look at the page using Firebug.

    I think this may be something messed up with Featured Images again, because I'm having a devil of a time with another archive page using the image size I want and not the image size it feels like using for the content archives instead of what I'm telling it to use in the custom templates.

    The suspicion in the behavior is because that one white image is a post image, while the others are Featured Images.

    And why the functions called in the templates can't or won't defaults used in the Genesis > Themes Settings has been bugging the crap out of me the past few days. That I actually have to turn them off in Theme Settings to get the behavior I want in a custom template doesn't make sense to me (yes, I'm talking about the Featured Image behavior still).


    WordPress / Genesis Site Design & Troubleshooting: A Touch of Summer | @SummerWebDesign
    Slice of SciFi | Writers, After Dark

    November 13, 2015 at 2:00 pm #171027
    carasmo
    Participant

    My mistake. The images used in the demo are dark and the gradient is very subtle.

    I have not experienced the behavior you're referring to, sorry can't be of help.


    Genesis Theme Customization and Help

    November 14, 2015 at 11:49 am #171093
    Summer
    Member

    Yes, I don't want to have to add the gradient to the image myself before uploading it, because that makes it kind of a waste of having all that gradient code in the CSS in the first place.

    Since this is theme related, I decided to just submit a support ticket about it. If their answer is helpful, I can post it here 🙂


    WordPress / Genesis Site Design & Troubleshooting: A Touch of Summer | @SummerWebDesign
    Slice of SciFi | Writers, After Dark

    December 16, 2015 at 11:25 am #173936
    gregpayette
    Participant

    This post is a month old, but wondering if you received an answer from support?

    December 16, 2015 at 5:55 pm #173985
    Summer
    Member

    "While all answers are responses, not all responses are answers." 🙂

    Initially, the presence of the gradient was also new information to the support staff, but since making changes to what I was asking about counts as design changes, it's not something they would provide a code solution for. It's something I will have to tweak myself to get the effect I do or don't want. I have an idea of what to play with in the CSS, though.

    Since that's fairly low priority compared to the rest of the information that the client needs added to the site (as in, that effect is invisible and non-essential compared to other things I'm putting together for the final site), it's not even on the back burner at the moment.

    I'll set the thread to resolved for now, and perhaps post a fix later, but it's one of those tiny things that bugs me... why have that feature in there if you can't even see it unless you're like me and trip over it by accident, think it's cool, and want it to actually work? 🙂


    WordPress / Genesis Site Design & Troubleshooting: A Touch of Summer | @SummerWebDesign
    Slice of SciFi | Writers, After Dark

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble