Community Forums › Forums › Archived Forums › Design Tips and Tricks › Workstation Pro front page shadow overlay issue?
Tagged: workstation pro
- This topic has 6 replies, 3 voices, and was last updated 9 years, 1 month ago by Summer.
-
AuthorPosts
-
November 12, 2015 at 9:59 pm #170962SummerMember
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 DarkNovember 12, 2015 at 10:20 pm #170964carasmoParticipantThere 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/
November 13, 2015 at 12:51 pm #171025SummerMemberActually, 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 DarkNovember 13, 2015 at 2:00 pm #171027carasmoParticipantMy 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.
November 14, 2015 at 11:49 am #171093SummerMemberYes, 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 DarkDecember 16, 2015 at 11:25 am #173936gregpayetteParticipantThis post is a month old, but wondering if you received an answer from support?
December 16, 2015 at 5:55 pm #173985SummerMember"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 -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.