tuanphan

On 2/4/2023 at 1:34 PM, Amanda Gonzalez said:

Thanks for responding, tuanphan!

The problem is on the landing page using mobile, so using a mobile browser/viewer, go to https://studiojournal.co, and you'll see my spacing issue there.

I hope this helps!

Thanks again.

Amanda

Because you are using Masonry Layout. Add this to Design > Custom CSS. Change 70px to adjust spacing

/* Blog Masonry to grid mobile */
@media screen and (max-width:767px) {
div#BlogMasonryContainer {
    height: auto !important;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 70px;
}
div#BlogMasonryContainer>article {
    transform: unset !important;
    width: 100% !important;
    position: relative !important;
}
div#BlogMasonryContainer img {
    height: auto !important;
}
.blog-masonry .image-wrapper {
    height: auto !important;
}}

On 2/4/2023 at 9:29 AM, sg1977 said:

Hey there @SFSW and @tuanphan: I'm also trying to build a page gallery with just an image and title, and have the image and tile be linked to a url -- without buttons. Each image and title needs to be linked to different urls. Is there a code for this? Thank you!

Do you have a simple mockup? We can imagine it easier

On 2/4/2023 at 7:54 AM, Lauren_C said:

Hello,

https://lifecycles-lca.squarespace.com/

PW: lifecycles123

I'm struggling to align the + icon at the right of the nav - can anyone help with that? 

Many thanks! 

• 
   

 

 

Add to Design > Custom CSS

.header-menu-nav-folder-content a[data-folder-id] .header-menu-nav-item-content:after {
    float: right;
}
.header-menu-nav-item-content {
    display: block;
}

On 2/4/2023 at 7:16 AM, Lauren_C said:

Hello, 

https://lifecycles-lca.squarespace.com/

PW: lifecycles123

I have forced the mobile menu on desktop and would like dropdown folders as in the first image: 

I have reached out to Chris Schwartz-Edmisten to see if the plugin is compatible. But any help in the meantime would be appreciated. 

I'm struggling to align the + icon at the right of the nav - can anyone help with that? 

Many thanks! 

 

Have you found the solution yet?

On 2/4/2023 at 7:13 AM, ElliceF said:

No. I removed the code and therefore my logo to just have text at the top, as I didn't like how it looked. Is there a way to make the logo bigger, while also keeping the text? Thanks!

Hi,

Which logo & text? I see logo only

On 2/4/2023 at 5:20 AM, Dovely2023 said:

Hi @tuanphan this was super helpful for us, but I noticed when I am previewing the site in the header it looks perfect but when I go to actually preview the link in a private browser the home page is all messed up. Do I need to adjust the css in some way? I'd appreciate your help! Screenshots below for reference. 

https://penguin-toucan-s42t.squarespace.com/

Password: DoveLove2023!

Which exact steps did you do to achieve this? We can troubleshoot easier

On 2/4/2023 at 5:44 AM, TaylorStil said:

This is great code. I tried changing the outline color from white to black,  but it didn't work. Is there a workaround for transparent with black outline? Thank you!

Which exact code did you use & link to your site?

Hi,

Maybe you missing closing tag

Which div tag did you use?

On 2/4/2023 at 4:50 AM, anthonyrichardson said:

Hi Tuanphan,

 

Yes please, still looking to add padding to the right-side of the blog collections page.

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

@media screen and (min-width:768px) {
.blog-masonry.collection-content-wrapper {
    padding-right: 10vw !important;
}
}

Change this line

.section-background, .page-section

to this

.section-background, .page-section, .section-border

On 2/4/2023 at 4:37 AM, KerriW said:

DO you know how to move the social buttons up as well? Thanks

What is your site url? We can check social buttons code easier

On 2/4/2023 at 4:32 AM, KerriW said:

Thank you but Im really new and not sure how to do either of those things. Can you help direct? 

 

THanks

Hi,

I meant, which option do you want to use? We will give solution to achieve it

On 2/4/2023 at 2:25 AM, JKDwebsite said:

How did you get it centered? I have it centered but now the transparency is only half over the image. 

Can you share link to page where you use gallery? We can tweak the code easier

On 2/4/2023 at 2:26 AM, adurward said:

The issue is that the code is not showing up at all. When I first enter it I see a preview of what it is supposed to look like on the page, but then I click save and it disappears along with the rest of my page. When you checked it I had inserted <style></style> around it because I had read on some squarespace page that was necessary, which allowed the header and footer to load again but the code still didn't appear. 

Your embed code uses http link. But SS supports https only

<script src="http://daar.rdeskbw.com/kevin-porter/listing/listingsearch.aspx" width="100%" height="100%" frameborder="0"></script>

Try checking the site where you got the code & find to see if they can provide https link

On 2/4/2023 at 2:36 AM, JKDwebsite said:

This is really helpful - Is there a way to make the background go lighter instead of darkened? I tried replacing it with "lighten" but doesn't work. Thank you!!

Change this line

background: rgba(0,0,0,0.5);

On 2/4/2023 at 3:12 AM, JKDwebsite said:

Any chance you can share the CSS code you used for "added some more code to create a line break instead of the ellipses."

 

What should it look like?

On 2/4/2023 at 1:59 AM, emilyks said:

Thanks for your reply! I don't think I have any custom CSS that would affect this part of of the page (although I do have a couple custom fonts added, but it doesn't look like that's interfering).

It's one of my product pages, for example this one: https://www.emilykeatingsnyder.com/prints/print-pink-dust-cornflower

Add to Home > Design > Custom CSS to fix problem

@media screen and (max-width:767px) {
.ProductItem-relatedProducts-grid .product-price {
    line-height: 30px !important;
}
}

On 2/4/2023 at 1:28 AM, Nacole said:

Oh yes... thank you @tuanphan for your help!

puma-okra-r73p.squarespace.com

Add this to Design > Custom CSS

#mc_embed_signup .helper_text {
    background-color: Transparent !important;
}

On 2/4/2023 at 1:49 AM, black_rooster said:

I am not sure that I understand you well.  😐
What do you mean by keeping the code in CSS box?
It is still in Design > Custom CSS.

I meant add & keep code in CSS Box, do not remove it.

Currently I don't see the code in CSS box. Can you take a screenshot of CSS box?

On 2/4/2023 at 1:22 AM, AmyL said:

Hi there, 

I have not yet found a solution for this, any help would be greatly appreciated!

Hi,

What should header look like on product page?

https://coalitionvans.com/terriblecrewshop/p/coalition-design-stickers

On 2/4/2023 at 9:57 AM, PRWORKS said:

Hello @tuanphan,

I too have a question about changing the font size in the Summary block.
How do I change the size of Date and Category from the current 13px to 15px?

The site template is 7.0 Brine.
https://begonia-panda-a6be.squarespace.com/

 

What is access password?

On 2/4/2023 at 1:10 AM, pleni said:

The site is https://www.plenitudpr.org/ I thought it was linked. I apologize.

Hi, You want to add link to this logo?

On 2/3/2023 at 11:23 PM, donsvenson said:

That's strange, the section should be there. I did not change anything about it.

Please check again, it should be working.

Thank you so much in advance

Hi,

See this video

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

On 2/3/2023 at 8:52 PM, laurenhauss said:

Hello! I am utilizing code I found here and github and unfortunately the text is not displaying in the lightbox. Can anyone help?  Thank you

Site: https://sagesage.squarespace.com/

Password: sage

 

Lightbox is fine to me. Windows/Chrome

On 2/3/2023 at 9:33 PM, melmotz said:

@tuanphan Wondering about something similar for a client site.

We want the image slideshow to be full-screen regardless of the browser size, without any scrolling. We have this working for some screen sizes, but not if the screen gets taller or smaller. 

We also want the scrolling banner to stick to the bottom of the homepage regardless of browser size. Currently the scrolling banner is a block in a section of the homepage (same section as the slideshow). We could potentially move it to footer if that is helpful, though not sure we want it to appear on every page.

https://goose-ferret-j3rk.squarespace.com/

pw: smalls

Thanks in advance for any help!

Don't remove any code in your current code.

Add this to Design > Custom CSS
 

article section:first-child {
    height: calc(~"100vh - 174px") !important;
}
.fe-block-2d2f0fafb27928d18387 {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

On 2/3/2023 at 10:05 PM, MieleMiel said:

Yes I want to do this for all pages with 3 images. So on mobile they are also side by side.

The link to the page is: https://mikebroeken.squarespace.com/project-one-alg3z-438ns-pcbnn-ejck9-6d43w-s6839

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.gallery-grid-wrapper {
    grid-template-columns: repeat(3,1fr) !important;
}
}