tuanphan

Try adding to Design > Custom CSS

section#about-clients img {
    filter: grayscale(1);
}
section#about-clients .image-block:hover img {
    filter: grayscale(0);
}

15 hours ago, louis1996 said:

Brilliant, thanks @tuanphan, is there a way to run this across lots more similar pages, such as this https://www.warners-stores.co.uk/berrys-ice-cream and https://www.warners-stores.co.uk/bewdley-brewery

 

Thanks

Use this new code

/* Mobile beau bakehouse image text */
@media screen and (max-width:767px) {
div#page-section-61a9e36dae350b52c3a12077>.row {
    display: flex;
    flex-direction: column-reverse;
}
/* berry ice cream */
div#page-section-61aa07bb42180e7bcc97951f>.row {
    display: flex;
    flex-direction: column-reverse;
}
/* bewdley */
div#page-section-61aa19151310d91d8f8f9417>.row {
    display: flex;
    flex-direction: column-reverse;
}
}

15 hours ago, VisuaGroup said:

Is in the Project Gallery 

 

Add to Design > Custom CSS

/* align center collage image */
.sqs-block-image .design-layout-collage:not(.sqs-narrow-width) {
    align-items: center;
}

15 hours ago, hugoross3 said:

i have now made the site unprivate, are you able to look into issue?

You mean Footer icons? Add to Design > Custom CSS

/* Footer social icons */
footer.sections use.sqs-use--icon {
    fill: #f1f !important;
}

15 hours ago, hugoross3 said:

I have now purchased full membership

 

Can you share link to a blog post? Now we can't find blog on header

16 hours ago, nickcharliekey said:

@tuanphanThanks so much for replying...it's not currently on the page as it's not working in the code block, embed block or header page injection..

Got it from a company called Flex who do dental appointment scheduling. They seem to say its a plug and play solution but it doens't work. I'll readd it to the page so you can see how its interacting.

 

I think this code (in red box) should have an opening & closing tag (something like this <script>initFlexBook('https://flexbook.me/sigsmiles');</script>)

Can you check again?

2 hours ago, AndrewFreedMusic said:

Thanks for all this! This is great. Question...

 

Within the accordion, if I wanted to change a specific words font/size/color, how can I do that? For example, in the picture I attached where it says (FREE), I want to change the font that is within the title. Thanks for all you do! 

 

Try edit title to this

Quote

LEVEL ZERO <span>FREE</span>

next, add this code to Design > Custom CSS

span.accordion-item__title span {
	color: red !important;
}

3 hours ago, NOMADHair said:

Thank you so much again for your help, I really appreciate it!

Unfortunately the above code didn't work as a whole, however, when I removed the second bit, and just added the first bit I was able to get the recaptcha box centered.

Can you think of another code to stretch out the box to a rectangle shape rather than a square?

And as always, thank you in advance for your help 🙂

I just checked again, it looks like not possible to change its width

1 hour ago, stim said:

Hi tuanphan,

Can I share it to you directly rather than publically? 

Thanks. 

 

Yes. You can send a private message

2 hours ago, michaell said:

How do I make this title preferably H1 combined with body or just H1 size:

Try adding this to Design > Custom CSS

div.list-section-title p {
    font-size: 50px !important;
}

2 hours ago, jlcarte4 said:

I'm having the exact same issue. I spoke with a rep via chat and they were no help. i copied and pasted a code from w3schools and everything was off. I made no alterations to the code.

 

What seemed to work (a little) was going to colors in site styles and making the section background transparent. That's all I know. Any advice would be appreciated.

Can you share link to page where you added the code? Which code did you add? 

Edit your code to this (I changed some class name)

@media screen and (min-width: 768px) {
    #block-yui_3_17_2_1_1638761244808_11129>div {
        column-count:6;
        column-gap: 25px;
    }
}

@media screen and (max-width: 767px) {
    #block-yui_3_17_2_1_1638761244808_11129>div {
        column-count:2;
        column-gap: 20px;
    }
}

3 hours ago, Gersh said:

Hi, I actually managed to find what I needed, but i'm having a different issue with the size of my header on the mobile version of the site now. Could you help with this instead? I've created the password

the sire URL: https://www.gershleroi.com/

You mean align left logo, or reduce banner text size or?

And what is site access password?

You mean the hover image not same size with current image?

Add to Design > Custom CSS

/* Mobile beau bakehouse image text */
@media screen and (max-width:767px) {
div#page-section-61a9e36dae350b52c3a12077>.row {
    display: flex;
    flex-direction: column-reverse;
}
}

It looks like you are using WillMyer slider. Have you tried contacting him yet?

5 hours ago, herinkprint said:

This was extremely helpful. Do you also happen to have the code where the announcement bar shows on the specific page on mobile? For some reason it's not showing for me...

The code should work. Can you share link to page where you want to show bar on mobile?

5 hours ago, NicFrew said:

Hello, are you able to please help me with the above if I send through a similar issue?

Can you share site url? We can help easier

19 hours ago, LiamSawyer said:

I was trying to hide the blog collection section, the last section on https://www.sawyerliam.com/sawyertalks. However when I hide that section, I am unable to go the individual items (blog posts) with the direct link and I get the screenshot that I had attached earlier 

Hi,

Which CSS code did you use?

Add to Design > Custom CSS

/* disable product block title */
.product-block .productDetails .product-title {
    pointer-events: none;
}

Add to Design > Custom CSS

@media screen and (max-width:767px) {
span.portfolio-hover-item-content {
    font-size: 36px;
}
}

6 hours ago, Sherman said:

@tuanphan

I have the same issue and am wondering if you are able to help me with it?

Am trying to get the text "RiverLife Church" and the social icons on the mobile version of the footer for this site to be on the same line instead of the social icons being below the "RiverLife Church" text.

https://rlresource.squarespace.com/

Also trying to do it for the buttons at the bottom of these pages (before the footer) to be on the same line as well. 

https://rlresource.squarespace.com/connect

https://rlresource.squarespace.com/minister

Appreciate the help! Thank you.

#1. Try adding to Design > custom CSS

/* Footer side by side */
@media screen and (max-width:767px) {
div#page-section-60891410e031bc2e3e5f8965>.row:nth-child(2)>.col {
    width: 50% !important;
    float: left !important;
}
}

#2. Try #1 first, then I will check other pages

Reduce space between text - box border?

Hi,

It looks like you figured it out all, or still need help to make all dropdown same line?

Just add a text block >> add text. Or what is problem here?