tuanphan

You can use this additional code
.blog-meta-item.blog-meta-item--tags { display: flex; justify-content: center; } Support me by pressing 👍  or marking as solution if this useful for you

@kaytdefever give this a go:
// QUOTE BLOCK // // color of quote marks .sqs-block-quote blockquote span { color: red; } .sqs-block-quote blockquote span:first-child { display: inline-block; margin-left: -10px; // space on left of first quote margin-right: 2px; // space on right of first quote } // hide dash .sqs-block-quote .source::first-letter { color: transparent !important; margin-left: -20px; } // source name .sqs-block-quote .source { padding-top: 10px; // space above name text-align: left; font-size: 14px; } // source title .sqs-block-quote .source span { display: block; padding-top: 10px; // space above title font-size: 10px; // size of title text-transform: uppercase; } For the title section to work with the above code, you'll need to enter <span> tags around the title/company name, like this:

There's some kind of limitation with Firefox for the treatment of the dash (it's set up in the Squarespace HTML rather than CSS) - I checked in Chrome and it's transparent there, but not FF.

Oh. Don't know what happened. It kinda got uploaded twice and the first one got messed up.
Doesn't matter it was the same as the this one: 

Bring the ability to download the images from your Assets Library quickly without navigating away from the files container.
Support download single image or selected images from the viewer
- Only images download support
- Work in detail list view
- Compatible with all Squarespace plan
- Free to use
Check it on this page 🔗
 
Created with ❤️
BeyondspaceStudio
Squarespace Circle Member

Change it to this
/* hide items on mobile */ [data-folder="root"]>div:first-child>div:first-child>div:nth-child(2), [data-folder="root"]>div:first-child>div:first-child>div:nth-child(3) { display: none !important; } </style>  

Solved this by changing the video lesson from a video one, to not a video one. Then added the video inside the lesson content as a normal video.

Awesome Thank you ! 
It works perfectly !

I managed to change the blog post title size in Section Styles - go to Fonts > Assign Styles > scroll down to Blog Post then click Title. It's automatically set to your header font, but I managed to change the size of H1 H2 H3 H4 and H5 to suit my site style.  
hope this helps 😃 

Use this CSS code
#siteWrapper #block-yui_3_17_2_1_1696453832419_14975 .form-button-wrapper .button:hover { background-color: white !important; color: #f1f !important; }

Use this CSS code, you can adjust number in the code to change positions of 3 elements
.blog-basic-grid--text { display: flex; flex-direction: column; } .blog-excerpt { order: 1 !important; } .blog-title { order: 2 !important; } .blog-meta-section { order: 3 !important; }  

Use this code instead
/* hide items on mobile */ [data-folder="root"]>div:first-child>div:nth-child(-n+7) { display: none; }  

Because your color is incorrect, remove # symbol, it should be color: white !important;

The code is missing 2 symbols, you can use this new code
/* Masonry one item on mobile */ @media screen and (max-width:767px) { .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important; } figure.gallery-masonry-item { position: relative !important; width: calc(~"100% - 40px") !important; transform: unset !important; margin-left: 20px; margin-right: 20px; } .gallery-masonry-item-wrapper { height: auto !important; } .gallery-masonry .gallery-masonry-item[data-loaded] img { width: 100% !important; } .gallery-masonry { padding-left: 0 !important; padding-right: 0 !important; } }  

Add to Page Header (page where you want to change logo)
<style> .header-title-logo img { visibility: hidden; } .header-title-logo a { background-image: url(https://beaverhero.com/wp-content/uploads/2019/07/coffee-beans-1082116_640-min.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; } </style>  

Add this code under
<style> header#header { background-color: white !important; } </style>  

Some options to achieve this
If all products use button with same link, just add it to Footer or add to Not Linked Page, then we will give code to move it next to Add to Cart on all products
If use different button, just add a Button Block in Additional Info > Then share link to a product, we will give the code to move its position.
With Example Above, they use Standard Page, not Products, so they can add anything.
 

Add this code to Last Line in Website Tools (under Not Linked) > Code Injection > Footer
<script> jQuery(document).ready(function($){ $('input.newsletter-form-field-element[type="text"]').attr('placeholder','First name'); $('input.newsletter-form-field-element[type="email"]').attr('placeholder','Email address'); }) </script>

Ah got it, understand why it won't work on homepage, you try adding this line to top of Code Injection > Header
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>  

Hi,
Move this?

i shared my way in another post, see if it works for u!
 

Thank you so much! That worked!
Really appreciate it

got it, thank you so much!!!!!
 

Add to bottom of Code Injection > Footer
<script> $(window).scroll(function(){ var scroll = $(window).scrollTop(); if(scroll > 150){ $('div.weglot-container').addClass('hide'); } else{ $('div.weglot-container').removeClass('hide'); } }); </script> <style> .hide { visibility: hidden !important; } </style>  

I see you fixed by adding a blank section above top section?

Hi,
Do you use 7.0 or 7.1? with 7.1, I guess you can drag text over image?