Forum Support

Shape 5
April 18, 2021, 12:31:48 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Masonry overlay linear gradient gray width  (Read 590 times)
cfcqatar
Jr. Member
**
Offline Offline

Posts: 11



« on: January 26, 2018, 01:15:22 PM »

In Masonry, it will display the feature image using its thumbnail size settings.

Upon checking in various devices, I noticed that the linear gradient gray overlay image is wider than than thumbnail feature image.

Say for example, while viewing the site using  my desktop or a laptop, the gradient gray overlay is just fine and it does its purpose so that the excerpt words would be readable regardless of the feature image dominant color.

However, using my iphone or ipad, the gradient gray overlay image width is wider than the thumbnail feature image width and it does not look good.

How can I fix this?
...should I just set my thumbnail feature image to an appropriate size? if yes, what should be my thumbnail size settings?
...should I just remove the gradient gray overlay image (but i prefer not to)? if yes, which CSS file do I need to edit?

Is there a way to dynamically resize the width of the gradient gray overlay to be the same size as the feature image being displayed?
That it should always the same size width of the feature thumbnail's image.



Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #1 on: January 29, 2018, 01:07:26 PM »

Can you provide a URL for me to pass on to the designers, so they can see the issue?
Logged

Tristan Rineer
------------
Shape 5 Team



- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
cfcqatar
Jr. Member
**
Offline Offline

Posts: 11



« Reply #2 on: February 12, 2018, 07:56:42 AM »

Can you provide a URL for me to pass on to the designers, so they can see the issue?

Hi Tristan, I have sent you two personal messages.
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #3 on: February 12, 2018, 11:41:58 AM »

Thanks for letting me know.  I only check my PMs when I'm expecting a message from someone.  I've forwarded your link to the designers, I'll let you know what they find.
Logged

Tristan Rineer
------------
Shape 5 Team



- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #4 on: February 13, 2018, 10:18:08 AM »

Here's the response I got from one of the designers:

Quote
Ok its all because the images are too small and thus no width left to fill the space:

Their images (680x449):

https://www.cfcqatar.org/testing/wp-content/uploads/2018/01/20150116_163437_HDR-680x449.jpg

Ours (1000x660):

http://www.shape5.com/demo/charlestown/images/cafeimage.jpg
Logged

Tristan Rineer
------------
Shape 5 Team



- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.