Right small slider pictures are squeezed

I’ve found two other bugs:

– The title of the Page is always twice “BLOG NAMEBLOG NAME”
– The link to the posts of the small slider pictures on the right side doesn’t work

I also have problem with squeezed images next to slider ?? And I’m also interested in disabling these small pictures next to slider ??
Theme author – could you manage us with that?

Thx in advance

I’m having the same problem. Or rather, the slider can sometimes show absolutely huge pictures, while the smaller posts on the right side are squeezed or squashed. How can

I stop this from happening?

I have to say I would prefer the slider and posts to be functioning as intended.

I’m still having this problem and really would like to have a solution to this.

Alternatively, tell us at least how to switch off the right hand pictures. They also create a huge distance to the start of the sidebar.

I solved this way:

Go to wp-fanzone/css/slider.css and substitute this

ul.pgwSlider > li img, .pgwSlider > ul > li img {
width: 100%;
min-height: 100%;
display: block;
}

with this

ul.pgwSlider > li img, .pgwSlider > ul > li img {
min-width: 100%;
min-height: 100%;
display: block;
}

Please vist my website here.

I’m still having this problem and really would like to have a solution to this.

Anyone? Please! Thanks!

@jibril84 Your solution looks like the best I have seen to this problem that a lot of users have, but I can’t figure out where to paste that code. How do I get to wp-fanzone/css/slider.css?

Can anyone help?

Hi ??
Sorry marannang, I didn’t see your question! Actually, I did some others changes, you can find them below.
swartzsports, you have to access you hosting with an FTP client and go to this folder /wp-content/themes/wp-fanzone/css/ There you will find the slider.css file. Download it, edit it and upload it to the same folder, overwriting the old file.

Here are all (I hope) the changes you have to make.

Go to wp-fanzone/css/slider.css and

1) add this

max-height: 423px !important;

after this line

.pgwSlider .ps-current {

2) substitute this

ul.pgwSlider > li img, .pgwSlider > ul > li img {
width: 100%;
min-height: 100%;
display: block;
}

with this

ul.pgwSlider > li img, .pgwSlider > ul > li img {
min-width: 100%;
min-height: 100%;
display: block;
}

3) substitute this

@media (min-width: 481px) {
ul.pgwSlider > li:first-child, .pgwSlider > ul > li:first-child {
width: 100% !important;
}
ul.pgwSlider > li, .pgwSlider > ul > li {
width: 48% !important;
float:left;
margin-bottom:12px;
}
}

with this

@media (min-width: 481px) {
ul.pgwSlider > li:first-child, .pgwSlider > ul > li:first-child {
width: 100% !important;
max-height: 135px !important;
}
ul.pgwSlider > li, .pgwSlider > ul > li {
width: 48% !important;
float:left;
margin-bottom:12px;
max-height:132px !important;
}
}

Thanks so much. This is exactly the step by step I needed.

Hi All,

Please see the answer to this topic

The more articles we add to this blog, the more I like the small pictures next to the slider. So I decided to leave it alone. Here is our site. I’m so proud of it! Thanks for the theme!
swartzsports.news

Nice catch @txwalker for twice “BLOG NAMEBLOG NAME” issue -> we will fix this issue on the next update.

thanks