-
Posts
64,701 -
Joined
-
Last visited
-
Days Won
516
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
You can adjust this line padding: 10px 20px !important;
-
- 13 replies
-
- portfolio
- page-specific
-
(and 1 more)
Tagged with:
-
Add to Design > Custom CSS /* Shop Page - Top Links */ a.nested-category-breadcrumb-link { font-family: 'minion-pro' !important; } /* Product Detail - Description */ section.product-details.ProductItem-details * { font-family: 'Ocotillo' !important; }
- 4 replies
-
- font
- code-injection
-
(and 2 more)
Tagged with:
-
add !important after background-image code, something like this .header-announcement-bar-wrapper [href="/work"] { background-image: url(https://static1.squarespace.com/static/63daffe5e884430a69a0ef9d/t/63e48126e125c02a6cfb3aca/1675919654080/WORK.png) !important; background-size: 100%; background-repeat: no-repeat; background-position: center; color: transparent !important }
- 3 replies
-
- navigation-link
- navigation
-
(and 3 more)
Tagged with:
-
Add to Design > Custom CSS [data-section-id="63c76e11ee16613a56e308b2"] { z-index: 10 !important; }
-
How to make images in list section clickable?
tuanphan replied to emm.farines's topic in Customize with code
You will need to use a plugin to enable lightbox first (Maybe enable on button, then use code to make image clickable, use button link) -
Try this new code @media screen and (min-width:768px) { .user-items-list-item-container[data-section-id="63e59a3a9d4ba53b1f5aa185"] .user-items-list-carousel__media { height: 500px; width: auto; } }
-
Making Section Horizontal on Mobile
tuanphan replied to MommyHadALittleOne's topic in Customize with code
Hi, What is site url? -
Hi, We can use CSS code to achieve this. Can you share link to page where you use Code Block? We can check easier Another approach, you can change current section to Classic Editor Section, the gap will disappear
-
Add to Design > Custom CSS /* Cart line */ .cart-row { border-color: white !important; }
-
What is your site url? We can check easier
-
Can you put your excerpt under your Blog Post Page Title?
tuanphan replied to Rendy's topic in Customize with code
Try this code with new class name <script> document.addEventListener('DOMContentLoaded', function() { var element = document.querySelector('.blog-item-title'); if (!element) { return; } var newElement = document.createElement('h2'); newElement.style.order = 2; newElement.className = "blog-item-excerpt"; newElement.innerHTML = document.querySelector('[property="og:description"]').getAttribute("content"); var elementParent = element.parentNode; elementParent.insertBefore(newElement, element.nextSibling); }); </script> -
Balboa theme 2-column masonry gallery
tuanphan replied to KB_Designs's topic in Fonts, colors and images
Add to Design > Custom CSS @media only screen and (max-width: 768px) { .gallery-masonry .gallery-masonry-wrapper { columns: 2; column-gap: 0; height: auto!important; display: block!important; padding: 0px; } .gallery-masonry-item-wrapper { height: auto!important; } .gallery-masonry-item { position: relative!important; transform: none!important; width: 100%!important; display: block; padding: 1.5px!important; box-sizing: border-box; } .gallery-masonry .gallery-masonry-item img { height: 100%!important; width: 100%!important; } } -
HI, We can use CSS pseudo to add this Or you can add 2 sections, then we can give code to make them side by side What do you think?
-
Moving title and menu above banner image on mobile
tuanphan replied to tiffanydavidson's topic in Customize with code
Hi. Add to Design > Custom CSS @media screen and (max-width:767px) { header#header { position: static !important; } a#site-title { color: black !important; } .burger-inner>div { background-color: black !important; } } -
Hide mobile menu on search icon click
tuanphan replied to TheSpaltyDog's topic in Customize with code
Hi, It looks like you solved this?- 5 replies
-
- jquery
- navigation
-
(and 2 more)
Tagged with:
-
Use this new code <style> header#header img { content: url(https://static1.squarespace.com/static/6367f6214598cd043ea9b501/t/63b2e0fef9eeee6d051697d1/1672667390818/Logo_Icon_Black-01.png); } </style>
-
Fixed button does not go across the whole site
tuanphan replied to Johnac's topic in Customize with code
Hi, I don't see button now. Can you add it? We can check easier