-
Posts
63,790 -
Joined
-
Last visited
-
Days Won
511
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Hi, It is possible, just share link to your site, we can give code to achieve this
-
Try this new code /* on English */ html[lang*="en"] div.language-item:nth-child(1) a span { font-size: 0; } html[lang*="en"] div.language-item:nth-child(1) a span:before { content: "EN"; font-size: 16px; } html[lang*="en"] div.language-item:nth-child(2) a span { font-size: 0; } html[lang*="en"] div.language-item:nth-child(2) a span:before { content: "FR"; font-size: 16px; } /* on FR */ html[lang*="fr"] div.language-item:nth-child(1) a span { font-size: 0; } html[lang*="fr"] div.language-item:nth-child(1) a span:before { content: "FR"; font-size: 16px; } html[lang*="fr"] div.language-item:nth-child(2) a span { font-size: 0; } html[lang*="fr"] div.language-item:nth-child(2) a span:before { content: "EN"; font-size: 16px; }
-
Need to redirect "Checkout" button on cart page
tuanphan replied to sngmd's topic in Customize with code
If you share link to your site, we can help easier -
I didn't see your comment #1. You mean remove underline, or make it touch green line in top of dropdown menu? #2. Header enlarge It shows fine to me now. Did you fix it? #3. To add space, use this CSS div.header-nav-folder-item a { padding-right: 10px !important; padding-bottom: 10px !important; } #4. With dropdown background, use this CSS code div.header-nav-folder-content { background-color: rgba(255,255,255,0.9) !important; }
- 15 replies
-
Zoom effect when hovering over image blocks
tuanphan replied to emmaburtonblog's topic in Getting Started With Squarespace
Hi, You can add this code to That Page Header Code Injection <style> div.image-block:hover { transform: scale(1.5); transition: all 0.3s; } </style> -
Erroring out - Need HELP troubleshooting my site!
tuanphan replied to mrb317's topic in Feedback on Your Site
It loads fine to me, maybe your cache, you can use an Uptime monitor tool, and test for about 1 week, the tool will send email notifications if the website is inaccessible, if it appears too often you can check again, if there are no warnings, the site is completely good, maybe the problem is coming from your browser -
I just tested some code to add Video to Gallery Section: Grid Simple https://tuanphan3.squarespace.com/video-in-gallery-section?noredirect pass: abc Is this what you want? If yes, you can send some videos + link to page where you use Gallery Grid, I can give the code
- 51 replies
-
Image titles within gallery not showing on mobile
tuanphan replied to MattReynoldsPhotography's topic in Mobile
Try this new code @media screen and (max-width:767px) { .collection-type-gallery #slideshowWrapper .image-description { display: block !important; } } @media screen and (max-width:767px) and (orientation:landscape) { .collection-type-gallery #slideshowWrapper .image-description { display: block !important; } } -
Learn HTML/CSS code 😆
-
There is some code override it (this code will make link transparent) You can add this to Website Tools (under Not Linked) > Custom CSS .index-section-wrapper .content.has-main-media h2 a { color: #2796ce !important; }
-
I need to make a custom Blank Collection
tuanphan replied to MasonRancourt's topic in Pages & Content
Hi, We can use code to remove a/some elements from collection/detail page Just share link to page + which element you want to remove, we can give you code- 1 reply
-
- collection
- custom-template
-
(and 1 more)
Tagged with:
-
Adding Images inside a drop down accordion feature
tuanphan replied to spacecadetdigital's topic in Pages & Content
You can use code #14.2 or #14.3 -
You can add this code to Homepage Header Code Injection <script> window.location.href = "https://youtube.com"; </script>
-
Recreating Henson 7.0 site style from 7.1
tuanphan replied to MorganSC's topic in Site Design & Styles
You can share your site url, we can help easier -
You can add this to Website Tools (under Not Linked) > Custom CSS span.unauth { font-size: 0; } span.unauth:after { content: "something else"; font-size: 18px; }
-
Need to modify videos from video gallery page
tuanphan replied to kdiehn's topic in Site Design & Styles
#1. You try adding to Website Tools (under Not Linked) > Custom CSS /* Video size */ @media screen and (min-width:992px) { .lesson-video-inner-wrapper { max-width: 50% !important; padding-bottom: 25% !important; margin: 0 auto !important; } } -
Is it possible to link to a portfolio sub-page?
tuanphan replied to Abstract_Truth's topic in Pages & Content
Do you have a screenshot or quick video explain your problem? We can imagine easier -
remove pause and play buttons on videos
tuanphan replied to mischalorenz's topic in Site Design & Styles
Can you share link to page in your screenshot? Or you mean top banner video on homepage? -
You try adding this code to Website Tools (under Not Linked) > Custom CSS section[data-section-id="656c6191e3c60854aa933c6e"] .fluid-engine h2 a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
-
add an image into a simple list description
tuanphan replied to daniellenoakes's topic in Customize with code
While waiting for the plugin, you can also try this quick approach to insert images First, add this code to Website Tools (under Not Linked) > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('.list-item-content__description a:contains(".jpg")').each(function() { var $t = $(this); $(this).contents().filter(function(){ return this.nodeType != 1; }).remove(); $t.attr({ src: $t.attr('href') }) .removeAttr('href target'); $(this).replaceWith(function(){ return this.outerHTML.replace("<a", "<img").replace("</a", "</img") }); }); }); </script> <style> .list-item-content__description img { width: 150px; height: auto; } </style> Next, edit each List Item >> Add Image URL Highlight image url > Click Link Icon > Paste same image url > then click Gear icon Enable this option > Save Result. If it doesn't work, please share link to page where you use Simple List, we can check easier -
Sorry, recently a lot of work You can add this to bottom in Code Injection > Footer + Don't remove any code in your current code. See video <script> $(document).ready(function(){ // Danielle Noakes Photography $('.fe-block.fe-block-ef35e5cfca728e4a7896 h3').click(function(){ $('.fe-block-yui_3_17_2_1_1700218883919_79119').show(); $('.fe-block-664c85065e3dd8beae5f').hide(); }); // wedding $('.fe-block-yui_3_17_2_1_1700218883919_84895 h3').click(function(){ $('.fe-block-664c85065e3dd8beae5f').show(); $('.fe-block-yui_3_17_2_1_1700218883919_79119').hide(); }); }); </script> <style> .fe-block.fe-block-664c85065e3dd8beae5f { display: none; } </style>