-
Posts
65,813 -
Joined
-
Last visited
-
Days Won
523
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
#1. Padding between columns or padding between left of screen - 2 columns, right of screen - 2 columns? #2. Initial: Image, text under image Hover: Image, text under image, overlay over image. is this right?
- 5 replies
-
- gallery-page
- portfolio
-
(and 3 more)
Tagged with:
-
Hi, It looks like you solved? I see no spacing here
-
Change horizontal line of folders on mobile site to a list?
tuanphan replied to LauraWS's topic in Pages & Content
If your site is trial/priviate, just setup an access password & share url -
Add to Design > Custom CSS /* Mobile Center Checkout */ @media screen and (max-width:767px) { [data-test="afterpay-message"] { justify-content: center !important; } }
-
The size looks fine to me. If you want to increase size, Try adding to Design > Custom CSS to increase size /* Products Lightbox Form Text Size */ body.collection-type-products .lightbox-inner .form-inner-wrapper * { font-size: 20px; }
-
Reorganize Footer Elements For Mobile View
tuanphan replied to ATV1992's topic in Site Design & Styles
Thank you. To center footer on mobile, add this to Design > Custom CSS /* Mobile-Footer-Center */ @media screen and (max-width:767px) { div#page-section-61fc51c1ab986b4510d932c3 * { text-align: center !important; } }- 17 replies
-
- css
- responsive-design
-
(and 2 more)
Tagged with:
-
That is weird. First time I see this problem. You try code in another your question, to see if it works or not.
- 4 replies
-
- mobile
- background
-
(and 1 more)
Tagged with:
-
One long image as background for sections
tuanphan replied to sanmen's topic in Site Design & Styles
Add to Design > Custom CSS /* Site background image */ .section-background, .page-section { background: transparent !important; } body { background-image: url(https://images.squarespace-cdn.com/content/v1/62022a0957301d1606a4276a/fb09d611-631d-482d-a48e-9f97cd91ebfd/gradient.png?format=original); background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: transparent !important; } -
Hover text on Carousel Gallery SS 7.0
tuanphan replied to Naomi-lifelab's topic in Site Design & Styles
- 3 replies
-
- gallery-block
- hover
-
(and 2 more)
Tagged with:
-
Blog List or Blog Individual Posts? Store List Page or Store Individual Products?
-
Custom CSS for Portfolio Project Titles
tuanphan replied to kylerjphillips's topic in Customize with code
You mean overlay color? Do you use Grid Simple or Grid Overlay? Can you share link to portfolio page on your site? If Grid Simple, you can also see code in this post- 3 replies
-
- coding
- custom-css
-
(and 2 more)
Tagged with:
-
So, you want the filter will be Dropdown 1: Region (All, Europe, International, North America) Dropdown 2: Symphony Search bar Is this right?
-
#9 (Update) If you use a Business Plan or higher, you can use this approach. First, add to Page Header (Page where you will use accordion) <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("span.accordion-item__title").each(function(){ $(this).html($(this).text()); }); }); </script> <style> span.accordion-item__title span { display: block; } </style> Next, edit Accordion Title, use this format Patrick Trojer, PhD <span>President & Chief Executive Officer</span> result
-
How do I reduce the space between sections?
tuanphan replied to MollieArt's topic in Customize with code
Correct. The above code will reduce bottom padding of all sections. -
Under password field, or bottom center of screen?
-
Linking a members area block to a button using code
tuanphan replied to AndynewbieH's topic in Customize with code
What is your site url? We can check easier -
I see it worked here. Can you check it again?
-
-
Add to Design > Custom CSS /* Best Sellers Mobile */ @media screen and (max-width:767px) { div#page-section-5fb53cdb5c3e6b67dafdb5b8 .span-4 { width: 33.3333% !important; float: left !important; } }
-
Hi, What is question?