phoenixblue

It worked. Thank you. ??

I don’t want to share my main site, but this is my test site (but it doesn’t have SSL): https://celestoys.com/example/

Here’s an image instead: https://imgur.com/a/UpjaM96

(It’s only on desktop)

Even though I marked this as resolved, there’s a little other problem I noticed. (Not sure if I need to make a new thread or not) Basically, the vertical header covers the left arrow of the lightbox. This isn’t the Elementor lightbox; it’s the default one (idk if it’s wordpress or oceanwp’s lightbox). I don’t know if there’s a way to edit the lightbox so that the left arrow doesn’t get covered by the vertical header or not..

Thanks. I didn’t have the “Container Padding” option before, but I found out I had to turn on the Flexbox Container in the settings. It seems to work now, but only for new containers made. There’s no way to automatically change the container padding on all my previous posts? (My old posts didn’t have the flexbox container)

Thanks. After playing around with it, I was able to do what I wanted with the Top Bar feature. I created a template (logo and subtext) in the library, and then used it in the Top bar with a vertical header. Now I have the vertical header + the logo on top with the top bar. ??

Thanks. I read the article, but it didn’t answer my question. Basically, I want two headers at once. 1 Vertical header (on the left side), and one header on top. I don’t see an option to have both at the same time.

Thank you. The CSS code worked perfectly. ??

I didn’t notice the blog section had those separations too on mobile, so that was also helpful.

Thank you. This was helpful. Luckily, I have an extra website to test things on.

Update: I solved my problem. Apparently, my hosting company was compressing my images without my knowledge. They had a CDN feature auto enabled that was compressing my images. I turned it off, and everything is fine now.

Thanks for the reply. I don’t know why but it still doesn’t work for me. I added the code, but when I upload a photo, it still looks blurrier than the original. I tried a plugin that also didn’t work.

Sometimes, it seems to work, then after a while, the picture goes back to being blurry. It makes no sense.

Nevermind, after a few hours, it went back to being blurry again. It makes no sense. I didn’t optimize or do anything afterwards. It just goes back to being blurry.

Thanks for the reply. I don’t use Jetpack, and I tried Perfect Images before and it didn’t work. I think maybe because it needed Pro version for full-sized pictures.

I think I found a code that finally worked, but I will wait and see (sometimes it seems to work, then the next day the image is blurry again). This code seems to work for now:

function custom_jpeg_quality( $quality, $context ) {
return 100;
}
add_filter( ‘jpeg_quality’, ‘custom_jpeg_quality’, 10, 2 );

Update: Nevermind, the webp images work, but even at “WordPress Image Quality Control” 100, the quality isn’t lossless. The quality gets worse in webp. Is there a way to get lossless webp?

Thanks for the reply. I found another demo on OceanWP that is more centered called Maria. How can I test this demo on my website without messing anything up? I think a long time ago, I installed a new demo and it deleted all my content.

Yes, that is my Website IP address.