choonthen

Hi James@macmanx,

Will do. Thank you.

Hi Lina @linaasenova,

I have cleared the browser but the photos remain blurry at the bottom.

As said before, the photos became totally clear after I removed the photo captions. So, I wonder if it has more to do with Sphene theme. Maybe I should try to contact them.

Compared to other blog sites, I do have a lot of photos in the library.

Hi@asadz,

Below are the codes in “Additional CSS” after appending your codes to the end:

.header .menu {
padding-top: 20px;
}

.header-container #titlebar h1, .header-container.basic #titlebar h1, .header-container.basic #titlebar.centered h1, .header-container #titlebar h2, .header-container.basic #titlebar h2, .header-container.basic #titlebar.centered h2 {
line-height: 60px;
}

h1, h2, h3, h4, h5, h6 {
line-height: 1.5;
}

/Azrul/
.gutter-30px .isotope-item h3{
font-size:20px;
}
.gutter-30px .isotope-item p{
font-size:14px;
}

.vc_col-sm-12 .vc_gitem-col h4 {
font-weight:bold;
font-size:20px;
}

.vc_col-sm-12 .vc_gitem-col p {
font-size:14px;
}

/button inside homepage post start/
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
color:#44b272;
background-color:transparent !important;
padding-left:0px
}

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover {
color:#666;
background-color:transparent !important;
}
/button inside homepage post end/

/button bottom outside home page start/
.vc_btn3.vc_btn3-color-white, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat {
color: #44b272;
}

.vc_btn3.vc_btn3-color-white, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat:hover{
color: #666;
background:transparent;
}
/button bottom outside home page start/

/post content box start/
.vc_col-sm-12 .vc_gitem-col {
background-color: #fff;
border: 1px solid #e0e0e0;
border-top: none;
border-radius: 0 0 3px 3px;
}
/post content box end/
.vc_gitem-zone {
border-radius: 3px 3px 0 0;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.06);
}
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
-webkit-backdrop-filter: blur(0px) !Important;
backdrop-filter: blur(0px) !Important;
content: "";
height: 100%;
-webkit-mask-image: linear-gradient(0deg, #000 20%, #0000);
mask-image: linear-gradient(0deg, #000 20%, #0000);
max-height: 40%;
}

 

Sorry, I don’t know how to send a video here.

Hi Lina (@linaasenova),

I think you are right. I compared images with and without captions. Those without captions are clear. For my blogs, I do not want to delete the captions because they are part and partial of the story-telling. I find it hard to understand though that the latest version of WordPress would force this default on all their users unless they change the CSS.

Hi@linaasenova

I tried deactivating the plugins one by one and saw no improvement in the images.

My blog posts contain a lot of photos. I use an image resizer (icecream) that I purchase to reduce the image size from 2-4 MB per image down to about 400 KB before inserting them into my blog posts. These resized images look good before I insert them.

When the website was designed, I was told by the developer that the images would be resized automatically (I do not have to manually resize them) but I had resized the images using the icecream image resizer instead.

• This reply was modified 1 year, 6 months ago by choonthen.

Hi Lina,

Thanks for the advice. The problem was solved when I updated WordPress to the latest version.

Before that, deactivating all the plugins, and changing the browser did not help.

I am just puzzled why this happened so suddenly after I have been using the old version for years.

So, thank you very much!

Thank you so much!

I tried your suggestions on my latest post See divided Cyprus and the only divided capital in the world in 6 days 6/2023 (Stop 6) – Perfect Then, i.e. changing the defaults to:

• Thumbnail is 50×50 (cropped)
• Medium is 150×150
• Large is 300×300

, and changed all my photos that I resized, to width:2560, height: 1280. When these resized photos were inserted into the posts, they came out sharp without any further interference from me. The only negative is the images each take up about 400 kb, which is more than the less than 200 kb each previously. I also found that, when there is only one photo in the block, the caption is displayed outside the photo. But I can live with both these side effects. So, I am happy this problem is resolved. Thank you so much!