-
Posts
65,013 -
Joined
-
Last visited
-
Days Won
518
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
You can use Text Block, or if you use Business Plan/higher + share url, we can give code to clone header nav & add to Footer
-
Two columns for home page and blog page for mobile
tuanphan replied to Samui's topic in Customize with code
Try adding this CSS @media screen and (max-width:767px) { .tweak-blog-basic-grid-width-inset .blog-basic-grid { grid-template-columns: repeat(2,1fr); display: grid; } } -
Add code to Settings > Advanced > Code Injection > Footer
-
Hovering Captions/effects for Images on a Masonry Grid
tuanphan replied to Ayesh's topic in Images & Videos
Hi, Can you check it again? I don't see any captions -
Images outside blue container in Fluid Engine
tuanphan replied to Semiramis116's topic in Images & Videos
Hi, Can you share link to a page where you added image? We can check easier -
have an information point on the photos and create a slider
tuanphan replied to Barreau's topic in Images & Videos
Hi, You mean show information over slide image? -
Hi, Can you share link to your site? We can check easier
-
Can you share link to page where you use gallery? We can check easier
-
Your site is more complicated than the case above Site has 1200px width limit All elements on the homepage have the same parent element, ie if you want fullwidth video, you will be forced to set all fullwidth Try adding this to Design > Custom CSS @media screen and (min-width:641px) { body#collection-6359a1c0f42bfd44d2def239 { #canvas { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } & { overflow-x: hidden; } .columns-12>.row>.col>div:not(:first-child) { max-width: 1200px !important; margin-left: auto; margin-right: auto; }}}
- 11 replies
-
- full-bleed
- full-width
-
(and 1 more)
Tagged with:
-
You can set it to simple, then let me know, we can give code to make it fullwidth
-
You can use some code like this #block-id * { border: none !important; } Use this tool to find block id https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en
-
How to plug my Canva whole site design into SquareSpace?
tuanphan replied to NoCode's topic in Pages & Content
I haven't used Canva, but see if it has the option to export the design to an html file, then paste the html code into the Code Block in Squarespace. -
Extra white space under footer on certain mobile phones
tuanphan replied to nicbrancato's topic in Pages & Content
Hi, What is your site url? We can check easier -
You can embed via iframe tag with Code Block, however the site header/footer will still appear in section. <iframe src="enter page url here" width="100%" height="500px"></iframe>
- 3 replies
-
- code
- code-injection
-
(and 1 more)
Tagged with:
-
Force page to load in Desktop style instead of Mobile style
tuanphan replied to VIWW's topic in Site Design & Styles
Hi, Can you share link to page in screenshot? We can check easier -
How do I add a carousel to a layout page
tuanphan replied to lisarmueller's topic in Pages & Content
Try click Add Section > Scroll down & choose this > Then you can choose Gallery Section or List Section Carousel -
You can create these images, then we can use code to append it to border. What do you think?
-
Linking a blog post title PLUS THUMBNAIL to another page
tuanphan replied to natalienet's topic in Pages & Content
If you share link to blog page, we can help easier -
Enter this to button url
- 2 replies
-
- form
- form-block
-
(and 1 more)
Tagged with:
-
It looks like they used same size images
-
Hi, This is possible with some custom code. If you share link to page where you use Reel, we can help easier You can also try adding this to Settings > Advanced > Code Injection > Footer <script> (function docReady(fn) { // see if DOM is already available if (document.readyState === "complete" || document.readyState === "interactive") { // call on next available tick setTimeout(fn, 1); } else { document.addEventListener("DOMContentLoaded", fn); } })(() => { if (window.location == window.parent.location) { const reelControls = document.querySelectorAll('.gallery-reel-control [aria-label="Next Slide"]'); reelControls.forEach(reelControl => { (function reelTimer() { setTimeout(() => { reelControl.click(); reelTimer(); }, 2000); // change this value to change the speed })(); }) } }); </script>
-
Hi, This is possible, however you will need to use a paid plugin
-
Hi, What is your problem with form block? Maybe we can help
-
Try this .header-nav-item:hover a { color: #f45ec6 !important; font-family: monospace !imprtant; }
- 14 replies
-
- color
- navigation
-
(and 1 more)
Tagged with:
-
Try this new code <script> $( ( ) => { const selector = '.user-items-list-simple .list-item'; $( selector ).each ( function ( ) { const click1 = $('.list-item-media'); $( click1 ).click ( function ( ) { const url = $( '.list-item-content__button', $this ) .attr ( 'href' ); $( `<a href="${ url }" target="_blank">` ) .get ( 0 ) .click ( ); } ); } ); } ); </script> <style> .user-items-list-item-container[data-section-id="632adf148c4a9956d83ff637"] .list-item-media { cursor: pointer; } </style>
- 11 replies
-
- custom-template
- template
-
(and 2 more)
Tagged with: