Bluemonque

Thank you so much! I've found te code in the article!

Hi, you can adjust the cookie banner globally in the settings like this:

Bu if you want to just move it on mobile, you can try this Custom CSS:
@media only screen and (max-width:640px) { .sqs-cookie-banner-v2 { top: 0 !important; bottom: auto !important; } } It's going to interfere with the header, but alternatively you could use this Custom CSS to move the cookie banner above the reservations:
.sqs-cookie-banner-v2.LIGHT { z-index: 999999999999999 !important; } Hope that helps!

I think you need to use !important for both
header#header a.btn { font-family: 'Roboto Condensed' !important; font-weight: 700 !important; }  

Hi @Bluemonque
Try this instead
#siteWrapper .header-actions-action--cta .sqs-button-element--primary { font-family: 'Roboto Condensed'; font-weight: 700; }  

Thanks a million!!! This works for me!

If you switch to using summary blocks as your front facing blog page, then you have a lot of control over the items in the block. Here is some code I use to change the block items to just about any shape by adjusting the border radius along  with a box shadow:
.sqs-block-summary-v2 .summary-item {
  background-color: #ffffff;
  border-radius: 15px 70px 15px 70px;
  -webkit-box-shadow: 0px 0px 15px rgba(100, 100, 100, 100.1) !important;
  -moz-box-shadow: 0px 0px 15px rgba(100, 100, 100, 100.1) !important;
  box-shadow: 6px 5px 15px rgba(100, 100, 100, 100.1) !important;
}
https://myrandomviews.com/blogsummary

Try this in the Custom CSS, you'll have to adjust the pixel radius to suit your design:
.sqs-block-summary-v2 .summary-thumbnail { border-radius:20px; }  

I was flustered by this image overlay issue, too. My "card" images were greyed-out, looked terrible. After checking out the CSS, I found a solution and added this snippet to Design > Custom CSS:
 
.sqs-block-image .image-overlay, .sqs-block-image .sqs-image-content::after, .sqs-block-image .image-block-wrapper::after {
    opacity: 0;
}
 
Originally, the default opacity was set to 0.1, which was causing the "grey-out" problem. As soon as I pasted in this CSS, all of the grey image overlays in my cards disappeared.

If anybody else is able to clear up their image display issues with this CSS, please let me know. I've written to support, too, so hopefully they'll look into it.

Try adding to Home > Design > Custom Css
.header-nav-list .header-nav-folder-content { background: #fff !important; min-width: 80px !important; } .header-nav-folder-item a { color: #2D2926 !important; padding: 5px 10px !important; } Let me know how it works on your site
Support me by pressing 👍 if this useful for you

hi add below code to CSS editor
.image-block .design-layout-stack { display: flex !important; flex-direction: column-reverse !important; }

Thanks @bangank36 this worked perfect!

Thanks @bangank36 this worked perfect!

try
.header--menu-open .header-display-mobile .header-title-logo { display: none; }

Site URL: https://www.rubenvanriel.nl/performance-method
I've created the site www.rubenvanriel.nl and use in the header a white logo.
I've changed on certain pages (for example: https://www.rubenvanriel.nl/performance-method)
the logo because the background is white.
I've used this code in the header code:
<style>    .header-title-logo a { content: url("https://static1.squarespace.com/static/604a2484aa92df0f526d7479/t/604a6076ce3f69737ba12e41/1615487094484/Logo+Ruben+van+Riel_RGB.png");   }   </style> I only want to hide the logo for the mobile menu overlay because the logo is not visible anymore on the dark red background.
I've tried a few solutions and codes but none of them are working for me. Can anyone help me out? Thanks a million!