-
Posts
63,866 -
Joined
-
Last visited
-
Days Won
511
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Changing 'sold out' to 'coming soon' for particular items
tuanphan replied to Moana's topic in Customize with code
-
Add to Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { // title $('h1.ProductItem-details-title').insertBefore('section.ProductItem-summary'); // description $('.ProductItem-details-excerpt').insertAfter('h1.ProductItem-details-title'); // price $('.ProductItem-product-price').insertAfter('.ProductItem-details-excerpt'); }); </script> <style> h1.ProductItem-details-title { text-align: center; } .ProductItem-details-excerpt p { text-align: center !important; } .ProductItem-product-price { text-align: center; } span.afterpayString { display: block; margin-top: 15px; } </style>
- 3 replies
-
- product
- product-page
-
(and 2 more)
Tagged with:
-
Add to Design > Custom CSS /* Hover text mobile */ @media screen and (max-width:767px) { span#hover-element { display: block; } div#hover-div { margin-bottom: 40px; } }
-
Use this new code <style> header#header { background-color: #6b8373 !important; } .header-nav-item a { color: white !important; } </style>
-
How to position an image to the side of my web page?
tuanphan replied to michaelgsloane's topic in Customize with code
You can replace it with symbol image url -
Adding Custome CSS but no changes happening
tuanphan replied to ka00876's topic in Customize with code
Add to Design > Custom CSS > Then save & reload the site @media screen and (max-width:767px) { .gallery-fullscreen-slideshow { height: 35vh !important; } } -
Centre the title on the home page, Henson template
tuanphan replied to marta-guerrero's topic in Customize with code
Don't remove any code in your current code. Add this CSS body.homepage div#collectionDesc p:first-child { position: fixed !important; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; margin: 0 !important; } body.homepage div#collectionDesc p:first-child br { display: none; } -
Try adding to Design > Custom CSS /* Mobile Partners logo */ @media screen and (max-width:767px) { div#block-b5d3656d08485264ed98+.row>.col:nth-child(n+2) { width: 50% !important; float: left !important; } }
-
How to add a border around the image of a card image block
tuanphan replied to MillyBanks's topic in Customize with code
Change your code to div#block-yui_3_17_2_1_1642110343813_2971 .content-fit { border: 20px solid #bbced8; } -
First - second screenshot. You mean Arrows thickness?? It looks fine to me With third, I think your text color code is invalid. Use this new code #block-yui_3_17_2_1_1642110343813_2971 p { color: white; } (I changed #ffff to white)
- 3 replies
-
- css
- summary-block
-
(and 1 more)
Tagged with:
-
Can I play a different background video for mobile?
tuanphan replied to DrMSacks's topic in Customize with code
Use this CSS nav.header-nav-list { flex-wrap: nowrap; }- 93 replies
-
- background
- video
-
(and 1 more)
Tagged with:
-
Change hardcored text on store and cart page
tuanphan replied to JoonasJoonas's topic in Customize with code
Can you share link to a product where we can see from text? -
I can't help with this, it needs a lot of code. If you need hover >> change image, I can help.
-
Removing top and bottom padding on a portfolio section
tuanphan replied to tonicastudio's topic in Customize with code
Okay. I'm checking it again -
portfolio project's image cutting in half on hover
tuanphan replied to tonicastudio's topic in Customize with code
Can you check site? The loading screen doesn't disapear.. -
Add this CSS .on-sale .product-price>span:not(.original-price) { color: red !important; }
- 22 replies
-
- css
- custom-css
-
(and 1 more)
Tagged with:
-
Two product buttons, on the product page?
tuanphan replied to hello321's topic in Customize with code
Add to last line in Code Injection > Footer <script> jQuery(document).ready(function($) { $('<div class="sqs-block-button button-block go-to-cart"><div class="sqs-block-button-container--center"><a href="/cart" class="sqs-block-button-element--small sqs-block-button-element">Go to cart</a></div></div>').insertAfter("div.sqs-add-to-cart-button-wrapper"); }); </script> <style> div.go-to-cart { margin-top: 10px !important; } div.go-to-cart a { display: block; } </style>- 8 replies
-
- add-to-cart
- product-page
-
(and 1 more)
Tagged with:
-
On mobile, How to get rid of Horizontal scroll
tuanphan replied to kakers's topic in Customize with code
This code will disable scroll on all pages on mobile, you should check again. -
How to add code for Calendly - Code block not available
tuanphan replied to AGardiner's topic in Customize with code
Click Add Blank + > Next add a Code Block >> Paste the Calendly code -
Pinning categories so they are always visible?
tuanphan replied to caveexploration's topic in Customize with code
Add to Design > Custom CSS /* Sticky category */ @media screen and (min-width:768px) { .products.collection-content-wrapper .nested-category-tree-wrapper { position: sticky; position: -webkit-sticky; top: 200px; } } -
Hi. The site is private. Can you setup password & share url again? We can check easier
- 3 replies
-
- css
- custom-css
-
(and 1 more)
Tagged with: