-
Posts
63,791 -
Joined
-
Last visited
-
Days Won
511
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
I forgot, the code doesn't work on mobile, you can use this new code <script> if (document.location.pathname.indexOf("/original-artwork/") == 0) { document.querySelector('body').classList.add('shop-artwork') } </script> <style> body.shop-artwork header#header div.header-nav-item:first-child [href*="original-artwork"] { color: #f56400 !important; text-decoration: line-through !important; } body.shop-artwork header#header div.container.header-menu-nav-item:first-child [href*="original-artwork"] { color: #f56400 !important; text-decoration: line-through !important; } </style>
-
You can use this code to Custom CSS @media screen and (min-width: 992px) { h1.portfolio-hover-item-title { font-size: 80px !important } } @media screen and (max-width: 991px) { h1.portfolio-hover-item-title { font-size: 40px !important } h1.portfolio-hover-item-title span { font-size: 20px !important } } .portfolio-hover-display { min-height: 100vh !important }
-
To make vertical images we can use Gallery Section Grid (then use code to make it show 1 image/row). To make gallery image - text section side by side, we can use code. Demo: https://tuanphan3.squarespace.com/vertical-image-stack-scroll?noredirect Pass: abc All steps should be (1) Add this code to Website Tools (under Not Linked/Hidden) > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('.custom-slider-item').closest('section.page-section').addClass('custom-slider-item'); $('section.custom-slider-item').wrapAll('<section class="custom-slider-parent"></section>'); }); </script> <style> @media screen and (min-width:768px) { section.custom-slider-parent { display: flex !important; flex-direction: row; align-items: flex-start; } section.custom-slider-parent>section:nth-child(2) { position: sticky !important; position: -webkit-sticky !important; top: 0 !important; } section.custom-slider-item .gallery-grid-wrapper { grid-template-columns: repeat(1,1fr) !important; grid-gap: 0 !important; padding: 0 !important; }} </style> (2) Add 2 sections Top is Gallery Grid Second is standard section (3) Enable Gallery Grid Caption (4) Edit first image > Paste this code <span class="custom-slider-item"></span> (5) Edit Text Section > Add a Code Block > paste this code <span class="custom-slider-item"></span>
-
Hi, You try change text to another font name (font family)
-
PLEASE HELP! Second Domain within my site isn't mobile friendly
tuanphan replied to julesgilleland's topic in Pages & Content
-
Page title not matching up on tabs
tuanphan replied to jadejohnsonillo's topic in Site Structure & Navigation
- 2 replies
-
- navigation
- page-title
-
(and 1 more)
Tagged with:
-
I rarely put Home in Main Navigation. I think many people already know that clicking on the logo will always return to the home page, so I don't think it's important to place a Home item.
-
Can you share link to blog?
-
CSS custom font not working in accordion feature on mobile
tuanphan replied to BrandBItes's topic in Fonts, colors and images
Accordion Title uses Heading 4 (h4) but I see you use CSS code to set another font for h4 to set 'basier-square-regular' for accordion title, add this CSS code under div.accordion-block h4 { font-family: 'basier-square-regular' !important; } -
Height of swipe arrows on customers review carrousel
tuanphan replied to leyogascope's topic in Customize with code
-
floating card /. background section within blog post
tuanphan replied to Priscillia's topic in Customize with code
The code should work, which exact position you added in CSS box? Can you keep my code in CSS box? I can check again easier -
Add to Website Tools (under Not Linked) > Custom CSS. If it doesn't work, please share link to a product, we can check easier @media screen and (min-width:768px) { .tweak-product-basic-item-gallery-design-stacked .ProductItem-gallery-slides-item { margin-bottom: 0px !important; } .tweak-products-width-full .products.collection-content-wrapper { padding-top: 0 !important; padding-left: 0 !important; } nav.ProductItem-nav { position: absolute; left: 3vw; z-index: 99999; background-color: white; padding: 0 !important; }}
-
How Can I Show Both Site Title and Logo in Header?
tuanphan replied to a topic in Customize with code
Add this to Custom CSS .header-title-logo a:after { position: absolute; left: 50%; transform: translateX(-50%); }- 96 replies
-
- logo
- site-title
-
(and 1 more)
Tagged with:
-
I see you marked it as answered. Do you still need code or you solved it?
-
What is site & which exact code did you add?
-
Sticky Section for first 5 pages, and then regular scrolling
tuanphan replied to japferreira's topic in Customize with code
If you want to disable section 6 sticky, use this code section:nth-child(6) { position: relative !important; }- 3 replies
-
- scrolling
- code-injection
-
(and 1 more)
Tagged with:
-
I remember gallery slideshow caption has a limit height of 100px. You can use this new code to move text over Slideshow, instead of use top 40% figcaption.gallery-caption.gallery-caption-fullscreen-slideshow { top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; margin: 0 !important; max-width: 1000px !important; height: auto !important; } If it doesn't work, please share site url, we can check easier
- 3 replies
-
- gallery-block
- caption
-
(and 3 more)
Tagged with:
-
@arhandjela the site is private, you need to setup an access password, then we can access it
- 4 replies
-
- navigation-link
- navigation
-
(and 3 more)
Tagged with:
-
Hi, Can you share link to this page?
- 3 replies
-
- video
- responsive
-
(and 3 more)
Tagged with:
-
I see you solved by setting this CSS code? p { font-size: 12px !important; line-height: 19px !important; letter-spacing: 1.5px !important; }
-
How do I create an H5 Tag if I need a separate font Style?
tuanphan replied to lornem's topic in Customize with code
Hi, No way to add h5 option to Site Styles Tool Bar You need to use custom CSS to assign h5 style to specific element You can share link to element where you want to apply this + which style, we can help with code -
Coding Injection for Custom CCS Header
tuanphan replied to TheHippieChickieCo's topic in Customize with code
You can use CSS pseudo to do this Can you share site url? We can check easier