tuanphan

17 hours ago, riddle129 said:

Follow up question.

 

Your code for the galley slideshow on my homepage has been scaling correctly on mobil devices. Unfortunately, when viewing on desktop with a narrowed browser window the image stops scaling and crops.  I hope you can help again.

It looks fine on my Laptop/Mobile

With tablet, it appear problem, you can use this code for tablet

@media screen and (max-width:1024px) {
.gallery-fullscreen-slideshow {
    height: 35vh !important;
}
}

Can you send the code you used to style input button?

22 hours ago, Ali-D said:

https://tfh-uk.squarespace.com/  +  StudioPass22

The blog is here: https://tfh-uk.squarespace.com/instructor-profiles

Here is one of the summary blocks:  https://tfh-uk.squarespace.com/touch-for-health-uk

Weirdly my workaround is now working today - which is to pointer-events: none the image, title & metadata + Link Post Title to Source URL using the same mailto link as in the excerpt link (styled as button).... is this a reasonable way to do this? 

thank you!

You mean disable image, title, meta link?

21 hours ago, abibacon said:

Hi Tuan, 

This didn't work for me, ideally I want code to replicate a countdown to look like the one in the attached screenshot. Any suggestions?

 

Thanks,
Abi

You can share link to page where you added countdown, we can check & tweak code easier

flowerZ612

password is incorrect

Add to Design > Custom CSS

/* fix banner mobile */
@media screen and (max-width:767px) {
header#header {
    position: relative !important;
}
}

Have you tried choosing this layout?

Hi. What is access password?

I think you can add a standard page, use summary block to pull events from event page, then you can add Advanced Map Block!

Hi,

With transfer domain, you should contact Squarespace Customer Care. They can help you better

Add to Design > Custom CSS

/* Header - Fullwidth nav color */
.header-nav {
    position: absolute !important;
    left: 0;
    width: 100%;
    bottom: 0;
}
.header-display-desktop {
    padding-bottom: 100px;
}

On 5/31/2022 at 1:23 AM, sundayyy said:

Thank you @tuanphan! How about the space above the product title? How can I move the product details on the right side to be top aligned with the image on the left? Thanks again!!

#1. Add to Design > Custom CSS

/* padding above product title */
section.product-details.ProductItem-details {
    padding-top: 0px;
}

#2. You mean all element will stacked with

breadcrumb

image

description

Is this right?

On 5/30/2022 at 11:07 PM, Napalm said:

@Web_Solutions Thanks! The video size looks much better but the video continues to crop even further in. Is there a way to get it back to its original picture without the crop while remaining at this size?

Edit this code

@media screen and (max-width: 640px) {
    body.homepage .Parallax-item:first-child iframe {
        width:100% !important;
        height: 100% !important;
        left: 0 !important
    }

    body.homepage .Parallax-item:first-child figure {
        transform: unset !important;
        bottom: 0 !important;
    }
}

to this

@media screen and (max-width: 640px) {
    body.homepage .Parallax-item:first-child iframe {
        width:100% !important;
        height: 100% !important;
        left: 0 !important;
    }
    body.homepage .Parallax-item:first-child figure {
        transform: unset !important;
        bottom: 0 !important;
    }
section#montage {
    min-height: 25vh !important;
}
}

Then save & reload the site

It looks fine to me. Did you solve this? Can you share solution?

On 5/30/2022 at 11:06 PM, Nikitaly said:

Hi Jay,

I tried your css above but its not working, maybe because our site is Flores (Bedford family).  Could you poss help with this?

thanks

Niki

What is your site url? We can check easier

On 5/30/2022 at 8:45 PM, uspilot14051 said:

I am also having issues adjusting my blog title to a custom font.

What is the code and where should it be applied? I already have the custom font installed.

 

Can you share link to blog list page?

On 5/30/2022 at 6:58 PM, arnaudchabot said:

Hello tuan, you help me a lot with the arrow.

I make my own on my website https://arnaudchabot.com/life

When i click on the arrow, it brings me between two sections but i want the link to scroll just above my second section, is it possible?

 

Also can i move my scroll down arrow lower in the picture without it resizing ?

#1. Try adding this to Design > Custom CSS

div#block-yui_3_17_2_1_1653910317167_2514 {
    position: relative;
    bottom: -300px;
}

#2. Edit bottom: 0;

to

bottom: -100px;

On 5/30/2022 at 6:03 PM, bouleverser said:

This worked for me! However, I'm still having the same issue with a Google Forms Survey embedded just below my Youtube Video. Now, the video is within the confines, but the survey still extends past. Any advice? Thank you!!!

Can you share link to page where you use Google Form?

I see you figured it out with this CSS?

#collection-629160b12111db0746ab9b5d .site-navigation div a span {
    color: #fff;
}

Add to Design > Custom CSS

/* About-Mobile */
@media screen and (max-width:767px) {
div#block-d4c3a78c084cabcfbad9 {
    width: 50% !important;
    float: left !important;
}
}

On 5/30/2022 at 11:12 AM, Aubri said:

Hi! I'm also looking to center my header on mobile site but it didn't work for either codes. Just wondering if you could help me? Thanks!

What is your site url?

Try this CSS

div#block-yui_3_17_2_1_1652762697141_96217 .image-title.sqs-dynamic-text {
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    min-width: unset !important;
    max-width: 80% !important;
    margin: 0 auto !important;
}

On 5/30/2022 at 8:24 AM, Ferocity said:

Hey @tuanphan I am also having the issue with my navigation not displaying since it is set to transparent and in white (over a white blog post background). Is there a code fix to show the navigation on this page to have a color behind it on this page: https://ferocity.co/blog/defining-your-brands-target-audience

Add to Design > Custom CSS

body[class*="type-blog"].view-item .Header-inner.Header-inner--bottom {
    background-color: #f1f !Important;
    padding-bottom: 20px;
    padding-top: 20px;
}

On 5/30/2022 at 8:04 AM, Urzilli said:

Thank you so much! 

Is there a way to centre better the picture in the slideshow? 

And also to add a button and a text to each slide?

#1. No idea..

#2. Are you able to add Text & Hyperlink? If yes, you can add it then I will give code to turn text link to button

On 5/30/2022 at 5:46 AM, izzisbeads said:

I did that yeah and it worked thanks! very new to this. do you know how I could edit this code to made the accordian appear under the picture as opposed to under the description?

 

Can you share link to a product where you added accordion? We can help easier