-
Posts
63,866 -
Joined
-
Last visited
-
Days Won
511
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
How to add a code block class to all product pages
tuanphan replied to spongebob-smc's topic in Customize with code
You can add Hubspot Code Block in Additional Info, then we can give code to move it to current position- 10 replies
-
- product-page
- javascript
-
(and 1 more)
Tagged with:
-
See this:
- 1 reply
-
- summary
- summary-block
-
(and 2 more)
Tagged with:
-
Try add this CSS under .sqs-gallery-design-carousel .sqs-gallery-container { position: relative; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous { position: absolute; top: 0; left: -50px; transform: rotate(90deg); } .sqs-gallery-design-carousel .sqs-gallery-controls .next { position: absolute; top: 0; left: -50px; transform: rotate(90deg); }
-
Change to this <script> $(document).ready(function(){ // Danielle Noakes Photography $('.fe-block.fe-block-ef35e5cfca728e4a7896 h4').click(function(){ $(this).addClass('hover-active'); $('.fe-block-yui_3_17_2_1_1700218883919_84895 h4').removeClass('hover-active'); $('.fe-block-yui_3_17_2_1_1700218883919_79119').show(); $('.fe-block-664c85065e3dd8beae5f').hide(); $('.fe-block-yui_3_17_2_1_1700218883919_89095').show(); $('.fe-block-e946d00316d1668d7a5c').hide(); }); // iel beauty $('.fe-block-yui_3_17_2_1_1700218883919_84895 h4').click(function(){ $(this).addClass('hover-active'); $('.fe-block.fe-block-ef35e5cfca728e4a7896 h4').removeClass('hover-active'); $('.fe-block-664c85065e3dd8beae5f').show(); $('.fe-block-yui_3_17_2_1_1700218883919_79119').hide(); $('.fe-block-yui_3_17_2_1_1700218883919_89095').hide(); $('.fe-block-e946d00316d1668d7a5c').show(); }); }); </script> <style> @media screen and (min-width:768px) { .fe-block.fe-block-664c85065e3dd8beae5f { display: none; } .fe-block-e946d00316d1668d7a5c { display: none; } }} .fe-65576dfbfe21dd44b1c2d058 h4 { cursor: pointer; } .hover-active { color: #81919f; transition: all .1s ease-in-out; } </style>
-
Place video behind both header and section?
tuanphan replied to gullbekken's topic in Customize with code
With Footer, use this CSS code body{ position: relative; } footer#footer-sections { position: absolute; bottom: 0; left: 0; z-index: 999; width: 100%; } footer.sections section, footer.sections .section-background, footer.sections .section-border { background: transparent; } article section:last-child { padding-bottom: 250px; } @media screen and (max-width:767px) { article section:last-child { padding-bottom: 450px; } } -
Course Navigation - Make Always Visible?
tuanphan replied to kellyetz's topic in Customize with code
Hi, Can you share link to a Course? -
data California Law Requiring Limited Tracking of IP Addresses
tuanphan replied to AsherSeg's topic in Customize with code
You try posting this to Circle Forum -
Custom button using an image + a different image for hover state
tuanphan replied to MAC1's topic in Customize with code
Add this code to Website Tools (under Not Linked) > Custom CSS to add hover image div#block-yui_3_17_2_1_1701422267607_2792:hover img { content: url(https://content.invisioncic.com/p289038/monthly_2023_12/BUTTON-hov.png.391c1b7588c1a9fd61cd83034b4b94e6.png); } -
Fade out of text, and stay hidden - and looped
tuanphan replied to LV-OZ's topic in Customize with code
Can you share link to your page, we can check & adjust code easier -
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> jQuery(document).ready(function($){ if (jQuery(window).width() < 767) { $('div#block-yui_3_17_2_1_1702311304059_54181+.row .span-4:nth-child(2) .image-block').appendTo('div#block-yui_3_17_2_1_1702311304059_54181+.row .span-4:nth-child(1)'); $('div#block-yui_3_17_2_1_1702311304059_54181+.row+.row .span-4 .image-block').appendTo('div#block-yui_3_17_2_1_1702311304059_54181+.row .span-4:nth-child(1)'); } }); </script> <style> @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1702311304059_54181+.row .span-4 { display: grid; grid-template-columns: repeat(2,1fr); }div#block-yui_3_17_2_1_1702311304059_54181+.row .span-4 .image-subtitle p { font-size: 16px; } } </style> then check again on your real mobile
-
Currently I don't see code in Code Injection > Footer. Can you take a screenshot? Or Did you downgrade your plan to Personal Plan? (personal plan doesn't support Code Injection)
-
Splitting navigation, drop down menu questions
tuanphan replied to Molololol's topic in Customize with code
- 12 replies
-
- navigation
- dropdown
-
(and 2 more)
Tagged with:
-
We can style it same as your button by adding this to Website Tools (under Not Linked) > Custom CSS button.lightbox-handle:before { content: "\f8ce"; font-family: 'Material Symbols Outlined'; color: red; font-size: 20px; } button.lightbox-handle { display: flex !important; align-items: center; } Or you can use a Popup Plugin (affiliate link) to achieve this, just install plugin then add url plugin provided, it will work
- 7 replies
-
- code
- customized
-
(and 2 more)
Tagged with:
-
Yes. the code will prevent button wrap..so it will make overlap on some places Which screen sizes do you see problem? I will give another code to fix these buttons
- 10 replies
-
- layout-engine
- accessibility
-
(and 1 more)
Tagged with:
-
Widget code is causing strange spacing
tuanphan replied to harlowbogie's topic in Customize with code
I can't find a reason you try adding Classic Editor Section, then add your content again, I think problem won't appear -
I don't see hover effect. Can you explain it a bit clearly? https://www.lebendige-gaerten-hh.de/gartenplanung
- 15 replies
-
Use same code
-
Add to Website Tools (under Not Linked) > Custom CSS button[class*="_arrow-button"] svg, .mobile-arrows svg { display: none !important; } button[class*="_arrow-button--left"] div:before, .mobile-arrow-button--left:before { content: "\e006"; font-family: 'squarespace-ui-font'; transform: rotate(270deg); display: block; font-size: 30px; line-height: 60px; } button[class*="_arrow-button--right"] div:before, .mobile-arrow-button--right:before { content: "\e006"; font-family: 'squarespace-ui-font'; transform: rotate(-270deg); display: block; font-size: 30px; line-height: 60px; }
-
How can I set up a organically shaped Header?
tuanphan replied to Nomis's topic in Site Design & Styles
Recently I solved 2 cases, similar your case. My approach is design a svg or png shape file, then we will use CSS code to add it under header -