tuanphan

Add to Design > Custom CSS

div.captcha-container div {
    margin: 0 auto;
}

24 minutes ago, WebWhizz said:

Hello, sorry for my late reply, I have been on vacation. The link I would like to change is 'SØG' - thank you very much for your help! Have a nice day 🙂

Add to Design > Custom CSS

ul.cf [href*="/search"] {
    color: green !important;
}

Edit this code

<a class="scroll-indicator" href=""></a>

to this

<span class="scroll-indicator"></span>

To bring back logo

Don't remove any code in your current code

Add this to Hometest Page Header

<style>
  header.Header {
    display: block !important;
    background-color: transparent !important;
    position: absolute;
    z-index: 99999;
}
[data-nc-container="bottom-right"] {
    opacity: 0 !important;
}
</style>

Each tab, you will need a different code

With SI F0, add to Design > Custom CSS

/* Order mobile */
@media screen and (max-width:767px) {
div#page-section-627d81ab6092d6581d64d2ad {
&>.row:nth-child(3) {
    display: flex;
    flex-direction: column-reverse;
}
&>.row:nth-child(7) {
    display: flex;
    flex-direction: column-reverse;
}
&>.row:nth-child(8) .row:nth-child(4n) {
   display: flex;
    flex-direction: column-reverse;
}}}

1 hour ago, Cryptcocrew said:

Sorry, realized I forgot to insert the code:

 

<img src="First Image" onmouseover="this.src='Second Image'" onmouseout="this.src='First Image'">

 

You can consider using this guide with Image Block. I faced a same question yesterday.

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('section.ProductItem-additional .button-block').appendTo('.ProductItem-details .sqs-add-to-cart-button-wrapper');
	});
</script>

List page or individual page?

Hi. What is access password?

A lot of code. What is your site url? We can check easier

It looks like you solved?

Your code missing some symbols. Use this new code

@font-face {
    font-family: 'CircularStd-Book';
    src: url('https://static1.squarespace.com/static/62723ddc194fd97dab34b87d/t/6273850d35e2df27764a1785/1651737869973/CircularStd-Book.ttf');
    src:url('https://static1.squarespace.com/static/62723ddc194fd97dab34b87d/t/628beab7f3d9b8024aec9724/1653336759557/CircularStd-Book.woff'),url('https://static1.squarespace.com/static/62723ddc194fd97dab34b87d/t/628beac162594649ca63a83f/1653336769596/CircularStd-Book.woff2'),('https://static1.squarespace.com/static/62723ddc194fd97dab34b87d/t/628bec0514f962310fdfb07d/1653337093900/CircularStd-Book.eot');
}

h1,h2,h3, p, header#header a, .sqs-announcement-bar-url a {
    font-family: 'CircularStd-Book' !important
}

Add to Design > Custom CSS

header#header img {
    opacity: 0;
    transition: all 0.3s ease;
}
header#header.shrink img {
    opacity: 1;
    transition: all 0.3s ease;
}

9 hours ago, shane411 said:

Site URL: https://bassoon-violet-z33p.squarespace.com/about

Attempting to reduce the space between lines of 2 different styles of text (under the pictures - Name & Nickname). Tried this code I found online, but it still isn't working. Any ideas?

 

password: dreamteamclt

 

p1 {

margin-top: -15px !important;

}

Add to Design > Custom CSS

div#page-section-624f4cdcc42a870ba6313bd8 .html-block {
    padding-top: 0px;
}
div#page-section-624f4cdcc42a870ba6313bd8 * {
    margin-top: 5px;
    margin-bottom: 5px;
}

Add to Design > Custom CSS > Then save & reload the site

@media screen and (max-width:767px) {
div#page-5fa08b9baccbd8219c61743b .content-fill {
    padding-bottom: 120% !important;
}
}

It looks like you added some blank space before title. Can you edit blog title & check again?

11 hours ago, VPSS said:

Thank you. It works. But it is till clickable. Can I make just a graphic content, without the possibility to be clicked?

 

Thanks

It is not clickable. You can check again.

If you need to change cursor icon, add this to Design > Custom CSS

a.scroll-indicator {
    cursor: context-menu;
}

12 hours ago, nobody said:

also the previous code seems to overlap text when i hide the prices on a product page

Use this code

.product-mark.sold-out {
    font-size: 0;
}
.product-mark.sold-out:before {
    font-size: 18px;
    content: "Unavailable";
}

How did you hide price?

Hi. Can you share link to page where you have problem? We can check easier

13 hours ago, hrobb said:

I'm trying to use this code on my site for the same issue (not eventbrite) and although I added the button ID, it still isn't dropping the shadows or borders. any ideas?

my code:

<a href="https://compelcommunitychurch.churchcenter.com/people/forms/391625" data-open-in-church-center-modal="true">
<button class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element"
        type="button">
    SIGN UP HERE
</button>
</a>

Try this code

a[href*="churchcenter"] button {
    box-shadow: none !important;
    border: none !important;
}

Add to Design > Custom CSS

/* Footer contact */
div#block-yui_3_17_2_1_1653324796833_6166 h4 {
    margin-top: 0px;
}

Can you send both code? We can check easier

Hi. What is password?

Try adding to Design > Custom CSS

html, body {
    overflow-x: hidden;
}

Something like this? https://thung.squarespace.com/w-accordion?noredirect&password=abc (Pass: abc)

Default Accordion, you can't do this. Screenshot, I used a plugin

If you use a Business Plan or higher, you can add a Video Under Accordion, then we will give code to move it into Accordion Content.

If you use a Personal Plan, you can find another accordion on Codepen.io, then share link, we will convert it to Squarespace