Skip to content
Public Ticket #339

Featured slider images

Conversation thread

tableno7 replied

Customer Reply

Amazing!!! Thankyou!!!!!!

PenciDesign replied

Staff Reply

Hi,

You can add more this code to Customize > Custom CSS to fixed it:

\
@media only screen and (max-width: 768px){\
.featured-style-26 .wrapper-item .penci-item-1 .penci-image-holder{ background-size: cover; }\
}

Best Regards,

PenciDesign

tableno7 replied

Customer Reply

Dang, it's now making the top featured image too small on mobile! Is there anyway we can get a solution that works across all systems? Thanks! 

tableno7 replied

Customer Reply

oops I think I pasted the old code! Thanks for your patience sorting this, so happy with the result! Thanks for being so helpful!

PenciDesign replied

Staff Reply

Hi,

You did't replace the code as I said in my previous comment - step 2/

Best Regards,

PenciDesign

tableno7 replied

Customer Reply

yaaaay, the image quality looks so much better!

BUT!

Now there's a gap above the large images! oh no lol!

PenciDesign replied

Staff Reply

Hi,

\

If so, please do following steps:

\

1/ Go to WPide and change like on this image.

\

2/ Replace the code I sent to this code:

\
\
.featured-style-26 .wrapper-item .penci-item-1 .penci-image-holder{ background-size: auto 100%; }
\

Best Regards,

\

PenciDesign

tableno7 replied

Customer Reply

hmmm nope it's still the same problem I had at the start, it's still zooming in. I just want it to crop and use the same size as the gallery on the post, not enlarge it? It really brings the quality down. Is that possible? 

PenciDesign replied

Staff Reply

Hi,

I see it's ok now. Because as you can see, the ratio size in the gallery & featured slider is different.

Best Regards,

PenciDesign

tableno7 replied

Customer Reply

hmm, it's still zoomed in? 

PenciDesign replied

Staff Reply

Hi,

Please replace the code I sent to:

\
.featured-style-26 .wrapper-item .penci-item-1 .penci-image-holder{ background-size: 100% auto; }

And try again.

Best Regards,

PenciDesign

tableno7 replied

Customer Reply

Hmm that didn't seem to work, it's still doing something weird with the way it's distorting the image - looks like it is widening it too? 

PenciDesign replied

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to fixed this issue:

\
.featured-style-26 .wrapper-item .penci-item-1 .penci-image-holder{ background-size: 100% 100%; }

Best Regards,

PenciDesign

tableno7 replied

Customer Reply

Attached - I don't want it to zoom like it does on the large picture on the slider on the home page? 

PenciDesign replied

Staff Reply

Hi,

Hmm, with me, I see it fine.

Don't know why you see it different. Can you compare with 2 positions on 2 screenshot?

Best Regards,

PenciDesign

tableno7 replied

Customer Reply

Hi there, it hasn't seemed to have made a difference unfortunately - any other ideas? 

tableno7 replied

Customer Reply

thank you, hopefully that makes a difference! :) 

PenciDesign replied

Staff Reply

Hi,

If so, please do following steps here:

1/ Install & activate plugin WPide

2/ Go to admin page > WPide and do following this image.

Best Regards,

PenciDesign

tableno7 replied

Customer Reply

Hi there, the images display fine when on the normal post page in the gallery - it's just in the featured slider (large space) they look crap. I'm uploading images at the correct size recommended (1170x780). What can I do do make the image on the slider reflect the quality shown on post pages? 

PenciDesign replied

Staff Reply

Hi,

We need to crop the images to make it display good on all spaces in your site, also it make your site faster for load. We can't load native image because some images has big size ( some MBs ) and if we use it, your site will very slow for load.

I just checked your site and I see some images a bit blurry from itself. As you can see on our demos, we crop the images and it still display fine.

Best Regards,

PenciDesign

tableno7 started the conversation

Conversation Start

Hi there, the images on the homepage slider always look a bit blurry and zoomed in, compared the same image shown on the post page. What is the process happening, and can I change it to show the native image? 

Want to join this conversation or access attachments? Sign in first.