💦 FULL SET: Support/topic/photo width at px

Resolved dostrota
(@dostrota)

3 months, 1 week ago

Hello everyone

When I first started using Blocksy, I was having trouble with images that wouldn’t fit the text width. Someone recommended adding CSS and setting the width to 780 px.

@media (max-width: 780px) {
article>.entry-content>*:not(.alignfull):not(.alignleft):not(.alignright) {
width: var(–default-editor, var(–block-width))!important;
}

figure {
width: var(–default-editor, var(–block-width))!important;
}
}

The problem is that the quality of the photos is very poor when viewed on the desktop version. What can I do?

I realized that the maximum size for my blog photos had to be 780px, and I edit them one by one before uploading them to the blog. I’m not sure if this is correct; I’m still a WordPress learner.

Thanks

The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

Eduard
(@cteduard)

3 months, 1 week ago

Hello @dostrota

I’m not entirely sure that I understand what’s happening here. I see that you have mentioned a max width of 780px, but then provided a CSS snippet with a media query at 780px.

What seems to be the issue, exactly? Is there something specific that you’re experiencing related to images? I see that you have mentioned something related to their quality, but after looking at the site, I was not able to see any issues related to image quality.

Can you please get back to me with the full details on the matter, along with supporting materials such as screenshots? I’ll be more than happy to advise once I receive the complete details.

Thanks.

Thread Starter dostrota
(@dostrota)

3 months ago

Hello Eduard

I’m a beginner at Blocksy and WordPress.

If I remove the CSS code and read the blog from my phone, the photos go over the margins and don’t look right. This doesn’t happen on the desktop version.

I always reduce the size of my photos before uploading them to the blog because a camera photo weighs 4000px. Should I continue doing this?

Thanks for your help!

Eduard
(@cteduard)

3 months ago

Hello @dostrota

Could you please point me in the exact direction of where this is happening? I’d like to see a page with the error so that I could see what causes it.

This means that you’ll need to remove that CSS first.

Thanks.

Thread Starter dostrota
(@dostrota)

3 months ago

Hello again

The CSS is removed, now you can see the images at the movile version are not good, for example:

https://dostrotamundos.com/10-imprescindibles-de-las-montanas-rocosas/

Thanks for your help

Eduard
(@cteduard)

3 months ago

Hello @dostrota

Alrighty. I see what the issue is.

Can you please let me know – are you using the classic editor, by any chance?

Thanks.

Thread Starter dostrota
(@dostrota)

3 months ago

Yes, I’m using classic editor

Eduard
(@cteduard)

3 months ago

Hello @dostrota

That would be the problem. The classic editor is legacy technology which we do not support in Blocksy. Unfortunately, not much can be done in this case, as supporting legacy technology is not feasible.

You will need to convert these posts to the Gutenberg editor and use that going forward. It has full support with our theme and many advantages over the classic editor.

Hope this clears everything up.

Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

💦 FULL SET: Support/topic/photo width at px - High Quality

Photo width at 780 px