MishaY

#1 How can I adjust the positioning of the blog post image on my website, so that it is aligned with the same height as the left side title and catalogue? #2 How can I create a sticky left side content that remains fixed while the right side image is scrolling? *The same effect on https://mishayeung.com/lviv-city I have attempted to implement this effect on a blank page, but I am having difficulty getting it to work on my blog. Any guidance or tips would be greatly appreciated. Thank you.

The problem is fixed by this code already

I'm looking for help with writing CSS code to achieve the following on my website I successfully replaced comma with '|' pipe in my category summary blocks using CSS. However, this resulted in two pipes (' | | ') appearing between categories. How can I remove one of the pipes so only one displays between categories? Here is the relevant CSS code I'm using: Any guidance you can provide would be greatly appreciated. Thank you in advance for your help!

Hi, @Ziggy, thank you for sharing these tutorials! I found a tutorial and revealed image on hover on the text link successfully. But the position of the image always changes on different page sizes. Is there a way to make it stay in the same position even on different page sizes? And here is my code: I added a markdown block and assign class name, and made the title clickable by adding a link. Design>Custom CSS:

Site URL: https://mishayeung.com Hi there, I would like to reveal image on the left side on hover of text link like the demo below, different text links reveal different images Demo: https://readcereal.com Thank you! Screen Recording 2022-09-16 at 5.29.39 PM.mov

Thank you so much! it works!

Site URL: https://www.mishayeung.com Hi, I would like to know how to make rounded corners for all images in Gallery Grid? like Pinterest Thanks a lot

Yes! It works! Thank you for your help!

Site URL: https://www.mishayeung.com Hi, I want to remove my site logo(.png) on my desktop and mobile version after nav bar open. Thank you!

It works! Thank you so much!

hi, show overlay only thanks for your help

Site URL: https://www.mishayeung.com hi, I'm trying to make an image darken when the mouse hovers over it, rather than lighten to the color of the background But it doesn't work successfully in Gallery and List of images my code is here: /* Hover Effects - list */ .list-item img { transition: all .5s ease-in-out;} .list-item:hover img { background-color: black; opacity: 0.8; transition: all .5s ease-in-out;} /* Hover Effects - gallery */ .gallery-grid-item-wrapper img { transition: all .5s ease-in-out;} .gallery-grid-item-wrapper:hover img { background-color: black; opacity: 0.8; transition: all .5s ease-in-out;}

Site URL: https://www.mishayeung.com/project Hi there, I would like to customize my summary as shown in the photo below. Vertical and horizontal photos are also aligned On my website, I'm using list layout, but it's also impossible to do such a layout. If anyone can help I would appreciate it!