tuanphan

You mean you want to resize above image on your site or?

On 4/11/2023 at 12:09 AM, Mork_Walfe said:

Hi tuanphan,

I am trying to make all corners of the image and shape below the image have a radius of 20px when viewing on mobile. Currently on desktop the image is 400px x 400px x 10px x 10px. Is it possible to change the image corner radius based on the viewing device?

Thanks!

Hi,

You mean this?

On 4/11/2023 at 12:04 AM, Bobface said:

Hi @tuanphan, can you please give me code for how to make a section sticky in the Fluid Engine?

 

Thanks,

 

Nick

If you share link to page, we can check easier

On 4/10/2023 at 10:35 PM, mtbgreg said:

Hi Tuanphan, thanks for the follow up! I followed those instructions, and it still doesn't appear to be to be working. See https://outside365.blog , and screenshot attached.

Change windonw to window

Hi. What should it look like?

On 4/10/2023 at 9:10 PM, SlocumMarketing said:

Hi there!  This is the code:

<iframe src="https://customerservice.agentinsure.com/EzlynxCustomerService/slocum/Account/LogIn" name="EZLynx Customer Service Portal" height="1500" width="100%" frameborder="0">Your browser is unable to display frames. Please <a href="https://customerservice.agentinsure.com/EzlynxCustomerService/slocum/Account/LogIn"click> here</a> to visit our secure customer service portal.</iframe> 

Just tried & it fine to me

Try adding code int oa Code Block

See this answer

On 4/10/2023 at 9:19 PM, Jen-X said:

https://fishtail.squarespace.com/track-days-calendar/palmer-motorsports-park-may-8-2023

password: fishtail

Thank you!

Add to Design > Custom CSS

span.event-time-localized {
    display: none;
}

Add to Design > Custom CSS

[data-folder]:not([data-folder="root"])>div {
    flex-direction: column-reverse;
}

What is site url?

Try adding this to Design > Custom CSS

@media screen and (min-width:901px) {
#project .gallery {
    column-count: 3;
}
}

On 4/10/2023 at 4:56 PM, VLabrie said:

Thank you so so much! It worked perfectly!

I've tried adding a hover to it with this:
 

[data-folder="root"]>div>div:nth-last-child(-n+2) a:hover {
  background-color: #000;
  color: #fff;
}

And the black hover color works, but the text doesn't turn white. What do you think I'm missing?

 

Use this

[data-folder="root"]>div>div:nth-last-child(-n+2) a:hover {
  background-color: #000;
}
[data-folder="root"]>div>div:nth-last-child(-n+2) a:hover div {
  color: #fff !important;
}

Try adding to Design > Custom CSS

body#item-605d082eb4731471d434aac8 .image-block * {
    transform: unset !important;
    opacity: 1 !important;
    transition-delay: unset !important;
    transition: unset !important;
}

Can you remove margin on a page? Then we can check easier.

Add to Design > Custom CSS

/* Site background */
.section-background, .section-border, section {
    background-color: transparent !important;
}
body {
    background-image: url(https://images.squarespace-cdn.com/content/640110854eb90635cd57b979/0c1a646b-c9b0-4537-a1b8-e26cc50b289f/scribbles.png);
}

Try adding to Design > Custom CSS

/* Sticky text box */
@media screen and (min-width:768px) {
.fe-block-8de6e9fe99733296ff6e, .fe-block-2e8f5cf4cf285063162f, .fe-block-ba7ff16cfbc49e351184 {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}
.fe-block-2e8f5cf4cf285063162f {
    top: 75px;
}
.fe-block-ba7ff16cfbc49e351184 {top: 400px;}
}

On 4/10/2023 at 5:24 AM, abou said:

https://www.abouhashish.co/

it's the bottom of the home page, the hats, hoodies, sweaters 

I see you figured it out?

What is site url?

On 4/10/2023 at 8:24 PM, Helenenou said:

Hello,

I have managed to resize  my homepage to mobile screen but I can't do the slideshows on my  pages. Could someone recommend something.

Thank you 

Can you share link to page where you use slideshow?

On 4/10/2023 at 8:22 PM, dzamorano said:

Thanks, Tuanphan. How could I add a Vimeo link to that code? It didn't work for me to replace the video link you have:

https://www.w3schools.com/tags/movie.mp4

Thanks!

If you have Vimeo paid account, you can get video direct url

If you have free account, you can download video then upload to SS site then get video url

On 4/10/2023 at 4:23 PM, SayceArbenz said:

Ive tried adding this to the custom CSS tab, but my Gallery is not changing. It's still fully colour and it's not changing with  hover or rollover. Any help on this would be greatly appreciated!

 

I've tried this too and its not reacting to that either

.sqs-gallery-block-grid .slide img {

  transition: .5s ease-in-out; 

  filter: grayscale(1);

}

.sqs-gallery-block-grid .slide img:hover { 

  filter: none;

}

 

Any help would be really appreciated! 

Thanks

 

Can you share link to page where you use Gallery? We can check problem easier

On 4/10/2023 at 12:36 PM, SummerKateDesigns said:

@tuanphan Hi there, I am also trying to achieve the same underline hover & active effect but I would like to have a slight animation where the underline appears from left to right? 

Can I message you my URL and site password to help? 🙂 

Yes. You can send, we can check code easier

On 4/10/2023 at 3:05 AM, lina18 said:

hi! I used this code and my nav link got moved to to the right but how do I center the logo? I use the mycelium-fluid template. And this is the code 

/* Move Nav to right side of header */
@media screen {
.header-display-desktop {
    flex-direction: column;
}
.header-title-nav-wrapper {
    flex-direction: row-reverse;
    flex: 100% !important;
    width: 100%;
}
.header-nav {
    text-align: right;
}
.header-layout-branding-center .header-title {
    text-align: center;
    width: 9% !important;
    flex: 1 1 9% !important;
}
}

What is site url?

On 4/9/2023 at 4:55 PM, rainbowblessings222 said:

@tuanphan Can I please have the code for moving half of the navigation links to the right side instead of all of them?

 

Thank you!

You can change layout to Left Nav - Middle Logo, then share site url, we can adjust code easier

On 4/10/2023 at 2:15 AM, ManuelMolina said:

is there a way to make this code work on mobile version as well? Would appreciate help

What is your site url? We can check mobile code easier

On 4/10/2023 at 1:43 AM, ManuelMolina said:

this does code does not work on mobile, is there a way to make it work?

What is site url? We can check easier