tuanphan

add !important after background-image code, something like this

.header-announcement-bar-wrapper [href="/work"] {
    background-image: url(https://static1.squarespace.com/static/63daffe5e884430a69a0ef9d/t/63e48126e125c02a6cfb3aca/1675919654080/WORK.png) !important;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent !important
}

On 2/21/2023 at 4:57 PM, pelanderson said:

Hi, I managed to add code to centre posts but even on the category with 2 posts can see they are slightly to the left. This category has 4 posts: https://renfield-centre.squarespace.com/rooms/category/50 

This summary block containing 11 posts centred are also slightly to the left https://renfield-centre.squarespace.com/all

You want to center this item?

On 2/23/2023 at 5:30 AM, BronwynChecklist said:

Hello, a few weeks ago I used the code below that was mentioned above to bring the drop down categories to the front, which worked, but now it's stopped working. It's cutting off. https://www.checklistlegal.com/blog 

Can someone help a newbie like me? 

 

ul.archive-group-list {

    position: absolute;

    top: 60px;

    background-color: #faf9f7;

}

Add to Design > Custom CSS

[data-section-id="63c76e11ee16613a56e308b2"] {
    z-index: 10 !important;
}

On 2/23/2023 at 5:11 AM, kkedwards87 said:

 there a way to make this code work to open a lightbox? Thanks

You will need to use a plugin to enable lightbox first (Maybe enable on button, then use code to make image clickable, use button link)

On 2/23/2023 at 5:03 AM, brittanystatt said:

Any ideas? I don't want hyphens either, I just want the words not to break. 

What is your site url? We can check easier

Hi,

You can use Gallery Slideshow then enable Autoscroll option

On 2/23/2023 at 4:04 AM, morristheskinny said:

Hi, I am also having a similar issue, I've tried some of the code provided in the above responses, but can't seem to get it centred.

Could you please suggest what code I should use?

https://www.thebison.ca/booknow

Hi,

Add to Design > Custom CSS
 

div#ot-widget-container31 {
    text-align: center;
}

Try this new code

@media screen and (min-width:768px) {
.user-items-list-item-container[data-section-id="63e59a3a9d4ba53b1f5aa185"] .user-items-list-carousel__media {
    height: 500px;
    width: auto;
}
}

Hi,

What is site url?

Hi,

We can use CSS code to achieve this. Can you share link to page where you use Code Block? We can check easier

Another approach, you can change current section to Classic Editor Section, the gap will disappear

On 2/23/2023 at 2:36 AM, TLCDesigns said:

I am looking for the same code. I want to change the colours of the divider lines. Thanks!

https://tlcdesign-amourdemo.squarespace.com/cart

 

password: demo

Add to Design > Custom CSS

/* Cart line */
.cart-row {
    border-color: white !important;
}

On 2/23/2023 at 2:20 AM, LucyBoston said:

I'm having this issue as well. HELP. Somebody. I'm drowning in false sign ups!

What is your site url? We can check easier

On 2/23/2023 at 2:01 AM, DreamrW said:

I need help with the same! 

Haven't tried the code yet as I expect it needs to change....

https://hexahedron-iguana-cd6z.squarespace.com/shop

Midas2023

Can you share link to shop page? I don't see any products on this link

On 2/23/2023 at 1:56 AM, 99saintclaire said:

- I can't get this code to work on 7.1 / Fluid Engine. I've tried in Header and Footer Code Injection - still no luck. Do you have an update?

Site URL: systms.club/article/quadrant-method

Try this code with new class name

<script>
  document.addEventListener('DOMContentLoaded', function() {
    var element = document.querySelector('.blog-item-title');
  	if (!element) {
    	return;
    }
    var newElement = document.createElement('h2');
    newElement.style.order = 2;
    newElement.className = "blog-item-excerpt";
    newElement.innerHTML = document.querySelector('[property="og:description"]').getAttribute("content");
    var elementParent = element.parentNode;

    elementParent.insertBefore(newElement, element.nextSibling);
});
</script>

On 2/23/2023 at 1:42 AM, malug said:

Thanks! Here is a link to the product, i would like all products to be the same. Looking to customize! https://www.malugarcia.com/shop/p/tennis

 

It looks like you changed add to cart style. Do you still need help?

On 2/23/2023 at 12:14 AM, KB_Designs said:

Hi Taunphan,

You can use the Balboa demo site, as the same issue exists there by default.

https://balboa-demo.squarespace.com/landscapes

Thanks!

Add to Design > Custom CSS

@media only screen and (max-width: 768px) {
    .gallery-masonry .gallery-masonry-wrapper {
        columns: 2;
        column-gap: 0;
        height: auto!important;
        display: block!important;
        padding: 0px;
    }
    .gallery-masonry-item-wrapper {
        height: auto!important;
    }
    .gallery-masonry-item {
        position: relative!important;
        transform: none!important;
        width: 100%!important;
        display: block;
        padding: 1.5px!important;
        box-sizing: border-box;
    }

    .gallery-masonry .gallery-masonry-item img {
        height: 100%!important;
      	width: 100%!important;
    }
}

HI,

We can use CSS pseudo to add this

Or you can add 2 sections, then we can give code to make them side by side

What do you think?

Hi. Add to Design > Custom CSS

@media screen and (max-width:767px) {
header#header {
    position: static !important;
}
a#site-title {
    color: black !important;
}
.burger-inner>div {
    background-color: black !important;
}
}

Hi,

It looks like you solved this?

Use this new code

<style>
  header#header img {
    content: url(https://static1.squarespace.com/static/6367f6214598cd043ea9b501/t/63b2e0fef9eeee6d051697d1/1672667390818/Logo_Icon_Black-01.png);
  }
</style>

On 2/22/2023 at 5:20 PM, Johnac said:

https://bobcat-sailfish-njjw.squarespace.com/commercial

inovista10

Hi,

I don't see button now. Can you add it? We can check easier

Hi,

Something like this video? It will require a plugin

https://www.loom.com/share/a72bb7b4215445e08fbee8cc45f3fc3c

On 2/22/2023 at 8:33 PM, abian said:

Hi @tuanphan
thank you very much!

I entered the codes and it worked perfectly.

The only problem is that the scroll bars appeared on the side of each project only in the visualisation for the mobile. 
Could you help me remove them please ?

thank you 🙂

 

Which page are you referring to? It looks fine to me

Add to Design > Custom CSS

/* Pagination color */
.item-pagination * {
	color: #ff0 !important;
}

On 2/22/2023 at 7:28 PM, marketingep said:

@tuanphan

Also having the same issue with our site, social icons huge and vertically stack on mobile...

https://www.greenparkstation.co.uk/

Would really appreciate any help!

Add to Design > Custom CSS

/* Mobile Footer Icons */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1574945868334_63299+.row .span-1 {
    width: 20% !important;
    float: left !important;
}
}