-
Posts
64,585 -
Joined
-
Last visited
-
Days Won
515
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by tuanphan
-
-
On 11/18/2021 at 7:22 AM, lauraplad said:
Yes, here's my shop page: https://www.lauraplad.com/personal-shop
I'd like to have an announcement banner on the top saying that I offer free US shipping. My website doubles as my portfolio, so I'd like this banner to only be visible on my shop page(s).
Add to Design > Custom CSS
body.collection-type-products:before { content: "Free US order shipping"; display: block; text-align: center; width: 100%; margin-top: 10px; font-size: 30px; }
-
On 11/18/2021 at 7:03 AM, binkrabbitgoods said:
@tuanphan Any chance you can help with this too?
Add to Design > Custom CSS
/* Hide vertical line on mobile */ @media screen and (max-width:767px) { .vertical { display: none; } }
-
-
@designbyamber Add to Design > Custom CSS
.header-nav-folder-content { padding-left: 0 !important; }
-
@deaton72 Do you still need help? I see you disable scroll on this page
-
@classydoodlesYou mean, hover image card >> replace title with description Or?
-
On 11/18/2021 at 2:02 AM, bryncmorg said:
Hi @tuanphan, I am having a similar issue as Anne was (and as a bunch of folks have had, judging from the forum). My client site I'm working on isn't live yet, so I don't have a link to share, but I'm including a screenshot. The text runs way off the top and bottom of the poster image it's living on. Looks fine on desktop. Thank you!!!
You can setup password & share url. We can check easier
-
On 11/18/2021 at 1:10 AM, TomCharlesworth said:
Hi @tuanphan,
Apologies for digging up an old post, i've been using our code for a while now with no issues, but it's suddenly started displaying all the captions even when not overlayed.
I haven't done anything to cause this to my knowledge.
https://www.tomcharlesworthillustration.co.uk/
Is there an easy fix?
Thanks.
Hi,
I see title/overlay here?
-
On 11/18/2021 at 1:10 AM, RandallPinson said:
Site URL: https://www.gnarcolepski.com/
I have tried other examples provided for the custom css and had no success I would like to keep the video on desktop browsers but completely replace that video background with the fallback image for mobile use of the website.
The site is expired. You can contact Squarespace Customer care to extend it (free)
-
On 11/15/2021 at 10:07 PM, javierdiaz1910 said:
@tuanphan The site is https://www.donalbertocoffee.com, password is titkos9jelszo
Once you look at the desktop version, feel free to open it via mobile. You'll see that the image is distorted/pixelate but it is actually focusing on the left upper corner. If you go landscape, you'll see the entire image correctly, and if you go back to portrait, the actual fallback image is correctly displayed as well. Weird.
Also, for whatever reason, the browser mobile option doesn't quite ilustrate the issue, which is why I suggested logging directly through a mobile device.
Thanks in advance.
Hi,
Password incorrect. Can you check it again?
-
Screenshot 1. Do you use custom code or? If custom code, you can use query to set it run on desktop only, something like this
Quote@media screen and (min-width:992px) {enter your CSS code}
-
On 11/17/2021 at 7:45 PM, Candelabra said:
Hi everyone, I´m having the same issue and Im not being able to solve it. Ive tried different things and nothing is working.
My site: https://redbow.org.nz/coming-soon-v02
Thanks!It looks like you figured it out?
-
-
On 11/17/2021 at 3:02 PM, Jeremyn said:
Hi Tuan,
Would you know how to achieve what Pallavi01 ask for this page please?
https://www.creativeportrait.net.au/limited-89-signature-timeless-portraits
Thank you very much 🙂
Hi,
Logo is clickable or non-clickable?
-
Try adding to Design > Custom CSS
body#collection-614e3cb5038f8274a9a7430f .banner-thumbnail-wrapper img { width: 100% !important; height: auto !important; left: 0 !important; }
-
On 11/18/2021 at 7:01 AM, binkrabbitgoods said:
@tuanphan The landing page is www.binkrabbitgoods.com
Thank you! The code you shared worked for the 'Our Furniture' page!!
Add to Design > Custom CSS
/* Coming soon image text oder */ @media screen and (max-width:767px) { div#page-section-60c8d00d61812f45a0223bbc .span-12 { display: flex; flex-direction: column; } div#block-60c8d00e4f8cbb2d91b9d9df { order: 2; } div#block-60c8d00e4f8cbb2d91b9d9df+.row { order: 1; } div#block-yui_3_17_2_1_1628459747483_9108 { order: 3; } div#block-yui_3_17_2_1_1628459747483_9108~* { order: 4; } }
-
14 hours ago, CBGreenhouses said:
Hi again Tuan,
Don't know what happened with this code but now the "Click here to learn more" buttons are tiny and off center: https://www.cedarbuiltgreenhouses.com/options
body:not(#collection-5a39480f4192023c7edb6666):not(#collection-5a70b6b28165f5a8201192d5) .design-layout-card { .image-title * { font-size: 28px !important; font-weight: 500 !important; } .image-subtitle * { font-size: 18px !important; } figcaption.image-card-wrapper { align-items: flex-start !important; } .image-card.sqs-dynamic-text-container { padding-top: 0px !important; } }
You mean increase size & make it center?
-
12 hours ago, FindMeLettering said:
I need help with changing the colour block after quick view - https://www.findmelettering.com/shop
Change black background or change description color?
-
I see it is fine here
See video: https://www.loom.com/share/ddee43d4e1544231b4e186da79953a79
-
21 hours ago, michaelpga said:
Hello,
This doesn't seem to work, nothing changes
Try adding this new code into Last Line in Code Injection > Footer
<script> $( ( ) => { /* this code by Creedon SS forum, tweak some by tuanphan */ const clickIntervalSeconds = 6; // do not change anything below, there be the borg here if ( window.frameElement !== null ) return; // bail if in Preview const selector = '.user-items-list-banner-slideshow__arrow-button--right'; const $button = $( selector ); if ( ! $button.length ) return; // bail if no button const click = ( ) => { $button.click ( ); } setInterval ( click, clickIntervalSeconds * 1000 ); } ); </script> // Them category class vao post thuoc ve mot category nhat dinh trong SS 7.1. <script> $(document).ready(function() { $('a.blog-item-category.blog-item-category--Samarbete').parent().parent().parent().parent().addClass('samarbete'); }); </script>
-
Hi,
Can you share link to a product? We can add it to cart to check cart page
-
On 11/18/2021 at 7:44 AM, Lindey said:
I am creating my wedding website via squarespace. I am finding the design features tricky to use and when I show my friends my platform compared to theirs, it looks different like they have an older version which seems to be more user friendly. Is there a way that I can get that version of squarespace?
Access this link https://www.squarespace.com/templates/browse/v7
-
On 11/18/2021 at 7:06 AM, tigress02 said:
I'm trying to remove the titles from an alternating-side-by-side blog, but none of the CSS suggestions work. I have successfully used this code to remove titles from the basic grid layout, but when I change the blog to the alternating format and update the layout name in the code, nothing happens.
.blog-basic-grid--text {
display: none;
}Any ideas for how to make this work?
Try this code
h1.blog-title {display:none !important;}
-
10 hours ago, MarketingFounderMade said:
Hi Tuan, do you have an updated class list to include Squarespace 7.1 Auto-Layouts? e.g. their 'simple list' option. I would like to edit the title & body copy. Thanks!
Hi. Just updated. You can check first post, or below list
List Simple
- List Simple: .user-items-list-simple
- Image: .user-items-list-simple img
- First Item: .user-items-list-simple li:nth-child(1)
- Second Item: .user-items-list-simple li:nth-child(2)
- List Content: .user-items-list-simple .list-item-content
- Title: .user-items-list-simple h2.list-item-content__title
- Description: .user-items-list-simple list-item-content__description OR .user-items-list-simple p
List Slideshow
- List Slideshow: .user-items-list-banner-slideshow
- Image: .user-items-list-banner-slideshow img
- First Item: .user-items-list-banner-slideshow li:nth-child(1)
- Second Item: .user-items-list-banner-slideshow li:nth-child(2)
- List Content: .user-items-list-banner-slideshow .slide-content
- Title: .user-items-list-banner-slideshow h2.list-item-content__title
- Description: .user-items-list-banner-slideshow list-item-content__description OR .user-items-list-banner-slideshow p
- Arrow Circles: .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-button
- Arrow Icons: .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-button svg
- Button: .user-items-list-banner-slideshow .list-item-content__button
List Carousel
- List Carousel: .user-items-list-carousel__slides
- Image: .user-items-list-carousel__slides img
- First Item: .user-items-list-carousel__slides li:nth-child(1)
- Second Item: .user-items-list-carousel__slides li:nth-child(2)
- List Content: .user-items-list-carousel__slides .list-item-content
- Title: .user-items-list-carousel__slides h2.list-item-content__title
- Description: .user-items-list-carousel__slides list-item-content__description OR .user-items-list-carousel__slides p
- Arrow Circles: .user-items-list-carousel__arrow-button
- Arrow Icons: .user-items-list-carousel__arrow-button svg
- Button: .user-items-list-carousel__slides .list-item-content__button
Banner Slideshow Mobile
in Customize with code
Posted
Hi,
The url doesn't exist. Can you check it again?