-
Posts
65,013 -
Joined
-
Last visited
-
Days Won
518
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Embedded virtual tour not resizing in mobile view
tuanphan replied to SWNODN's topic in Images & Videos
Can you share link to page where you used this embed virtual? We can check problem easier -
If you still have problem, you can consider using Classic Section instead
-
Change height/padding of sub-navigation in the mobile navigation
tuanphan replied to calcal's topic in Site Design & Styles
You can use this code to Website > Website Tools > Custom CSS nav.Mobile-overlay-nav--secondary a.Mobile-overlay-nav-item { margin-bottom: 20px !important; }- 15 replies
-
- navigation
- mobile
-
(and 1 more)
Tagged with:
-
Default setting has no this, but I guess we can use code to add it. (not sure if it works or not) But my ideal is Edit each section > Add a Code Block > Use code like this <div data-section-name="This is People Section"></div> Then use some CSS/jQuery code, to make this text "This is People Section" appears on top left/top right or any position in the section. What do you think, I can try creating a quick demo and let you know
-
Use this code to Website > Website Tools > Custom CSS body { background-color: #1d1d1d; }
-
adding newsfeed / news aggregator page to site
tuanphan replied to lauren-pineau's topic in Pages & Content
If these sites support RSS Feed, we can use plugin to pull it. I used to create this demo for a member on forum. Posts on this site, from another site https://tuanphan3.squarespace.com/use-rss-feed?noredirect pass: abc -
Linking button on header to a form on the home page
tuanphan replied to Abdullacader's topic in Pages & Content
Header button, change this URL #contact to /#contact With second cta, which button are you referring to? -
Change SVG Header logo on certain pages
tuanphan replied to CooperWhite's topic in Site Design & Styles
I think we should change code I sent (I Just checked again and it looks like you used this code on other pages). You can remove code I sent & revert code you used, I will check again & send new code -
Changing Monospace in CSS with custom font?
tuanphan replied to MattyFerg11's topic in Site Design & Styles
You can use some CSS code like this span.portfolio-hover-item-content { font-family: 'circular' !important; } -
Where did you purchase lightbox plugin? You can check there, I think you can find their email
-
Use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { p.description img { width: 100% !important; } }
- 18 replies
-
Change the logo colour for mobile hamburger menu - 7.1
tuanphan replied to hollykmsmith's topic in Customize with code
Use this new code <style> body:not(.header--menu-open) header#header img:not(.flag) { content:url("https://static1.squarespace.com/static/658352163290836ffdcab59a/t/65d8b1cc1d63ae7ef1d45d2a/1708700108553/Storywell+hvit.png/") !important; } </style> -
Testimonial Carousel: Change Shape of Image?
tuanphan replied to cos-soprano's topic in Customize with code
Hi, If you share link to page where you use testimonial carousel, we can check problem easier -
Adjusting mobile breakpoint in 7.1 Fluid Engine
tuanphan replied to MissT's topic in Customize with code
Website > Website Tools > Custom CSS- 20 replies
-
- fluid engine
- breakpoint
-
(and 1 more)
Tagged with:
-
BACKGROUND IMAGE SITE WIDE 7.1
tuanphan replied to Tommaso's topic in Getting Started With Squarespace
Can you share link to page in video?- 5 replies
-
- code
- background
-
(and 1 more)
Tagged with:
-
You can use this code to Website > Website Tools > Custom CSS body#collection-65da6cd65c45be5c47e05507 article#sections { display: flex; align-items: center; } body#collection-65da6cd65c45be5c47e05507 article#sections section { width: 50% !important; padding: 0 !important; height: 100vh !important; } Note: this page has 2 sections only so I use this code, but if your page has 3 or more sections, we will need to use another code You can edit text section to adjust width/size
-
How to use hover over gifs for my Vimeo video thumbnails
tuanphan replied to JGreen's topic in Images & Videos
These pages https://www.jamesgreenfilm.com/select-works/music-videos https://www.jamesgreenfilm.com/select-works/commercials contains "category" in url but main page has no this the code target no-category only, so it won't work on another page you can add * symbol to the code, to make it target both formats from this code a.lessons-image[href="/select-works/v/victory-to-the-mimers"] img { content: url(https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExcjFwdWtvYXFoc2N2Mm94Zm05anl1N2doaDZnZjdnZzYxdDFuOHdmcSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/4dCaqOBjqpmmmwWWqZ/giphy.gif) } a.lessons-image[href="/select-works/v/itv-comedy-greggs"] img { content: url(https://images.squarespace-cdn.com/content/v1/65d0abf4107d7d1115f5f8ff/02f63b02-d29f-44f0-b1a8-d27fe2429bf6/ezgif-4-2dc2db764b.gif?format=2500w) } a.lessons-image[href="/select-works/v/kid-kapichi-thugs"] img { content: url(https://images.squarespace-cdn.com/content/v1/65d0abf4107d7d1115f5f8ff/04f1695d-3ab1-4596-a1c8-fa029ea072bc/ezgif-4-ec4e8873d0.gif?format=2500w) } a.lessons-image[href="/select-works/v/kid-kapichi-death-dips"] img { content: url(https://images.squarespace-cdn.com/content/v1/65d0abf4107d7d1115f5f8ff/f982597b-edf6-4ca0-af66-c8f92320a0ac/ezgif-4-eb268ff6d1.gif?format=2500w) } a.lessons-image[href="/select-works/v/mtvcatfish"] img { content: url(https://images.squarespace-cdn.com/content/v1/65d0abf4107d7d1115f5f8ff/ee422cbe-ef0c-4909-a3f6-ab980607c7d6/ezgif-4-554f2aeeb6.gif?format=2500w) } a.lessons-image[href="/select-works/v/mtv-thecharlotteshow"] img { content: url(https://images.squarespace-cdn.com/content/v1/65d0abf4107d7d1115f5f8ff/75997f68-ea7c-4913-b1a5-7a2c181b0766/ezgif-4-73cab15d19.gif?format=2500w) } a.lessons-image[href="/select-works/v/notion-found-love"] img { content: url(https://images.squarespace-cdn.com/content/v1/65d0abf4107d7d1115f5f8ff/b6e98936-e5a0-4a9e-a78a-a6cf769e784a/ezgif-4-41b2c369a1.gif?format=2500w) } a.lessons-image[href="/select-works/v/crows-closer"] img { content: url(https://images.squarespace-cdn.com/content/v1/65d0abf4107d7d1115f5f8ff/55045bde-a3c2-46e0-9df9-6892ccd312ea/ezgif-1-32e33704b7.gif?format=2500w) } to this new code a.lessons-image[href*="/select-works/v/victory-to-the-mimers"] img { content: url(https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExcjFwdWtvYXFoc2N2Mm94Zm05anl1N2doaDZnZjdnZzYxdDFuOHdmcSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/4dCaqOBjqpmmmwWWqZ/giphy.gif) } a.lessons-image[href*="/select-works/v/itv-comedy-greggs"] img { content: url(https://images.squarespace-cdn.com/content/v1/65d0abf4107d7d1115f5f8ff/02f63b02-d29f-44f0-b1a8-d27fe2429bf6/ezgif-4-2dc2db764b.gif?format=2500w) } a.lessons-image[href*="/select-works/v/kid-kapichi-thugs"] img { content: url(https://images.squarespace-cdn.com/content/v1/65d0abf4107d7d1115f5f8ff/04f1695d-3ab1-4596-a1c8-fa029ea072bc/ezgif-4-ec4e8873d0.gif?format=2500w) } a.lessons-image[href*="/select-works/v/kid-kapichi-death-dips"] img { content: url(https://images.squarespace-cdn.com/content/v1/65d0abf4107d7d1115f5f8ff/f982597b-edf6-4ca0-af66-c8f92320a0ac/ezgif-4-eb268ff6d1.gif?format=2500w) } a.lessons-image[href*="/select-works/v/mtvcatfish"] img { content: url(https://images.squarespace-cdn.com/content/v1/65d0abf4107d7d1115f5f8ff/ee422cbe-ef0c-4909-a3f6-ab980607c7d6/ezgif-4-554f2aeeb6.gif?format=2500w) } a.lessons-image[href*="/select-works/v/mtv-thecharlotteshow"] img { content: url(https://images.squarespace-cdn.com/content/v1/65d0abf4107d7d1115f5f8ff/75997f68-ea7c-4913-b1a5-7a2c181b0766/ezgif-4-73cab15d19.gif?format=2500w) } a.lessons-image[href*="/select-works/v/notion-found-love"] img { content: url(https://images.squarespace-cdn.com/content/v1/65d0abf4107d7d1115f5f8ff/b6e98936-e5a0-4a9e-a78a-a6cf769e784a/ezgif-4-41b2c369a1.gif?format=2500w) } a.lessons-image[href*="/select-works/v/crows-closer"] img { content: url(https://images.squarespace-cdn.com/content/v1/65d0abf4107d7d1115f5f8ff/55045bde-a3c2-46e0-9df9-6892ccd312ea/ezgif-1-32e33704b7.gif?format=2500w) } -
Add this code to Last Line in Code Injection > Footer <script> $(document).ready(function(){ $('.eventitem-column-content .video-block').insertBefore('article>section:first-child'); }); </script> <style> [class*="type-events"].view-item .video-block { padding-top: 0px !important; padding-bottom: 0px !important; } </style>
- 11 replies
-
- video
- custom-css
-
(and 2 more)
Tagged with:
-
Linking button on header to a form on the home page
tuanphan replied to Abdullacader's topic in Pages & Content
Can you share site url? We can check problem easier -
You should contact plugin author, he can help to solve these problem easier To reduce size, try using this to Custom CSS box .fancybox-image { max-width: 500px !important; }
-
If code doesn't work, try using Classic Section for current section
-
Change SVG Header logo on certain pages
tuanphan replied to CooperWhite's topic in Site Design & Styles
Currently you are using 2 code to add svg logo, and the code you posted in this thread didn't work. This code works to make your new code works, use this new code <style> header#header .header-title-logo a { background-image: none !important; width: 200px !important; } header#header img { content: url(https://garlic-hawk-pdp3.squarespace.com/s/JohnWeberArt-10.svg) !important; visibility: visible !important; } </style> -
Use this CSS code @media screen and (max-width:767px) { .blog-article-spacer { height: 1px !important; } }