-
Posts
64,922 -
Joined
-
Last visited
-
Days Won
517
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Hi, Which page are you referring to? I don't see these videos on homepage
-
To resize button text on mobile, use this CSS /* Mobile button text size */ @media screen and (max-width:767px) { div#block-f2a8291c0bdfb307573a a { font-size: 14px !important; } }
-
Making Blog Post Title Appear Below Lead Image on Individual Posts
tuanphan replied to newton's topic in Customize with code
We can also use script code move First Image Block in Blog Post to above Title. If you share link to a blog post, we can give code to do this. -
Squarespace 7.1 - Split Section Gallery Slideshow
tuanphan replied to skalison's topic in Customize with code
You can add 2 sections, then we can give code to make them side by side. When you've done add it, let me know, we will check code -
Add to Design > Custom CSS /* Mobile About Us Page */ @media screen and (max-width:767px) { div#page-6018049378b54a5318bda129 { padding-left: 17px; padding-right: 17px; } }
-
Try editing your Site Footer > Add a Markdown Block > paste this code <script> document.querySelector('.header-title-logo a').setAttribute('href', '/work'); </script>
-
Add to Design > Custom CSS /* Will Accordion - Icon next text mobile */ @media screen and (max-width:767px) { .wm-accordion-block .accordion-content-wrapper .span-1 { float: left !important; } }
-
Can you display cart icon on a page section?
tuanphan replied to SquareHeadMedia's topic in Customize with code
I guess you can try use script code to move this. What is site url? We can take a look- 1 reply
-
- squarespace
- add-to-cart
-
(and 1 more)
Tagged with:
-
You mean make it scale a bit, same as nav item on hover?
- 1 reply
-
- navigation-link
- opacity
-
(and 1 more)
Tagged with:
-
Banner Image Won't Resize for Mobile View
tuanphan replied to TheIDBootCamp's topic in Fonts, colors and images
Add to Design > Custom CSS /* Mobile resize slideshow */ @media screen and (max-width:991px) { .gallery-fullscreen-slideshow { height: 35vh !important; } }- 509 replies
-
how to built a vertical menu as a sidebar (and not as a header) ?
tuanphan replied to GregBd's topic in Customize with code
Add to Design > Custom CSS /* Float header */ @media screen and (min-width:992px) { .header-title { position: fixed; top: 3vw; left: 5vw; z-index: 9999; } .header-nav { position: fixed; top: 50%; left: 5vw; padding: 0 !important; transform: translateY(-50%); } nav { flex-direction: column; } div.header-nav-item { margin: 0 !important; text-align: left !important; } div.header-nav-item a{ display: inline-block; } .header-actions.header-actions--right { position: fixed; left: 5vw; bottom: 2vw; justify-content: flex-start !important; } .header-actions--right .header-actions-action a { margin-left: 0 !important; margin-right: 2.5vw; } #page article section.page-section { max-width: 75%; margin-left: 25%; padding-top: 0 !important; } } -
-
How do I achieve this style of Menu on my desktop site?
tuanphan replied to theculturedivision's topic in Customize with code
Do you use Personal or Business Plan? We can check easier -
You can add this to Design > Custom CSS /* Fixed product image */ @media screen and (min-width:768px) { .tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery { position: sticky; top: 0; } }
-
How do I hide "all" as an option for product categories?
tuanphan replied to rtijori's topic in Customize with code
Hi, No. It should be in Design > Custom CSS -
Add pagination arrows to the top of post page
tuanphan replied to ScottoCat's topic in Customize with code
- 3 replies
-
- javascript
- navigation
-
(and 1 more)
Tagged with:
-
Code to add image border not working correctly
tuanphan replied to cassandraneece's topic in Fonts, colors and images
You can try replace it with div.image-block { border: 2px solid #000; } -
Emulating custom accordion style in Squarespace
tuanphan replied to Spopinski's topic in Code Blocks
Hi, This looks complex. You can consider another approach. Clicking on image >> Show info box in this red position How to do it? You can add 6 sections under, then we will give code to hide all intiial then when users click on each image >> we will give code to show corresponding section -
7.1 Hero Video: Desktop Vs Mobile Version
tuanphan replied to OutreachChurch's topic in Customize with code
-
Need to add Rounded Corners / Border Radius around banner video.
tuanphan replied to nbamir's topic in Customize with code
It looks like you solved with this CSS code? #hero-video .video-player .plyr__video-wrapper { margin: 0px !important; margin-top: 17px !important; border-radius: 50px !important; height: auto !important; } -
Adding top secondary menu on 7.1
tuanphan replied to CaresaCreativeCo's topic in Customize with code
You can use Announcement Bar, add 3 links, then share site url, then we can give code to make 1 align left, 1 align center, 1 align right + hide it on mobile.