GregOvens

You can use this code
@media screen and (max-width:767px) { body[class*="type-blog"] .gallery-block .slide { width: 100% !important; } }  

@Beyondspace thank you for your help! Unfortunately this code didn't helped to fix my issue. But I believe it might be helpful for somebody else.

Currently @Web_Solutions was able to fix my issue.

Which the best!

Hello,
could you please help me to adjust the box for title of the blog post. 

I would like to achieve, that it would be placed 5 px from the left, bottom and right side of the image. Currently the text is adjust only from left and bottom side. Basically from what I have now I would need to just move the right border of the title text component inside of the image (on the first screenshot you can see the border is out of the image). And my goal is displayed on the second image.

This is my current code injected:
// DESKTOP - Blog List - Title always at the bottom left
.blog-basic-grid--text {
    position: absolute;
    bottom: 0;    // Position at the bottom of the container
    left: 0;      // Align text to the left side of the container
    text-align: left; // Ensure text aligns to the left
    transform: translateY(0%); // Adjust transformation
    padding-left: 10px; // Add padding for better visibility
    padding-bottom: 5px;
    opacity: 1;    // Text always visible
    transition: all 0.5s;
  }

// MOBILE - Blog List - Title always at the bottom left
@media only screen and (max-width: 767px)
{
.blog-basic-grid--text {
    position: absolute;
    bottom: 0;    // Position at the bottom of the container
    left: 0;      // Align text to the left side of the container
    text-align: left; // Ensure text aligns to the left
    transform: translateY(0%); // Adjust transformation
    padding-left: 10px; // Add padding for better visibility
    padding-bottom: 16px;
    opacity: 1;    // Text always visible
    transition: all 0.5s;
  }
}


URL: https://www.slovakspots.com/magazine
Password: Ulicajekrasnydom

Thank you in advance! 🙂 

Hello all,
could you please help me to solve the issue with Archive dropdown list. 
I would like to make the list wider once the column (number of items in column) is bigger than 4.
So if there would be 12 items, list would have 3 columns (4 items in each).

Here is URL: https://www.slovakspots.com/bratislava-accommodation-1
Password: Ulicajekrasnydom

Thank you very much in advance. 🙂 

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.
body:not(.sqs-edit-mode-active) [data-section-id="662923d60e42db6277a9adb7"] .fe-block:has(.html-block) { pointer-events: none !important; }