-
Posts
63,866 -
Joined
-
Last visited
-
Days Won
511
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Hi, Can you share site url?
- 1 reply
-
- social-links
- color
-
(and 1 more)
Tagged with:
-
TikTok Logo in social links (navigation bar) is invisible
tuanphan replied to theokandel's topic in Pages & Content
If you share site url, we can check problem easier -
Any way to get NAME with popup for newsletter signup?
tuanphan replied to epetrack's topic in Site Structure & Navigation
If the site supports Code Injection, we can use some code to build new popup with Form Block. What do you think, you can share site url, I will try some code -
move the hamburger menu below the website title on mobile
tuanphan replied to martinp's topic in Pages & Content
- 11 replies
-
- accessibility
- alignment
-
(and 3 more)
Tagged with:
-
Add this code to Advanced tab <li class="new-nav1"><a href="/projects">Projects</a></li> <li class="new-nav2"><a href="/about">Information</a></li> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('.new-nav1, .new-nav2').appendTo('ul'); }) </script> <style> li.new-nav2 a, li.new-nav1 a { color: #2d2d2d !important; } </style>
-
I tried creating an example. Is that what you want? https://tuanphan3.squarespace.com/slideshow-random-image?noredirect pass: abc
- 15 replies
-
Use this new script code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('.fe-block-yui_3_17_2_1_1704704793579_22806').hover(function(){ $('.fe-block-d846a9e0132399af1517').addClass('text-shadow'); $('div:not(.fe-block-d846a9e0132399af1517)').removeClass('text-shadow'); }, function(){ $('.fe-block-d846a9e0132399af1517').removeClass('text-shadow'); }); $('.fe-block-49d6336a8f3d39f31bc0').hover(function(){ $('.fe-block-40d6812ec36a3ed9575e').addClass('text-shadow'); $('div:not(.fe-block-40d6812ec36a3ed9575e)').removeClass('text-shadow'); }, function(){ $('.fe-block-40d6812ec36a3ed9575e').removeClass('text-shadow'); }); }); </script> <style> .text-shadow { scale: 1.05; -webkit-box-shadow: 10px 10px 10px #ffc8c8; box-shadow: 10px 10px 10px #ffc8c8; border-radius: 10px; } </style>
-
In your code change video to iframe
-
Banner Image Won't Resize for Mobile View
tuanphan replied to TheIDBootCamp's topic in Fonts, colors and images
You can use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { section#home-banner figure { width: 100% !important; left: 0 !important; height: auto !important; } section#home-banner { min-height: unset !important; height: 30vh !important; } } Don't remove any code in your current code. Use this code to Custom CSS then save & reload the site @media screen and (max-width:767px) { section#new-page-35 { height: 30vh !important; min-height: unset !important; } }- 509 replies
-
Mobile Nav Menu Custom Font Issue
tuanphan replied to Meggiemeg9's topic in Fonts, colors and images
- 2 replies
-
- menu
- navigation
-
(and 2 more)
Tagged with:
-
Moving social links bar into header nav wrapper
tuanphan replied to HeyItsGeri's topic in Customize with code
With Business Plan/higher, can you enable Social Icons? We can use code to move it into nav bar With Personal Plan, my idea is add 3 items to last nav bar, then use CSS code to turn nav bar text to 3 social icons- 7 replies
-
- social-links
- navigation
-
(and 1 more)
Tagged with:
-
You can use this code to Website > Website Tools > Custom CSS /* Sale price color */ .on-sale .product-price { color: #f1f !important; } .original-price { color: black !important; }
- 22 replies
-
- css
- custom-css
-
(and 1 more)
Tagged with:
-
Edit your product > Edit Additional Info > Add a Block > Choose Code > Paste this code <style> .quantity-label { visibility: hidden; } .quantity-label:before { visibility: visible; content: "new label"; } </style>
-
Custom Code Not Showing on Mobile Devices
tuanphan replied to roachash27's topic in Customize with code
BRITTANY is custom font or Squarespace font? If custom font, have you declared font-face yet? @font-face { font-family: BRITTANY; src: url(paste brittany font file url here); }- 3 replies
-
- mobile
- code-injection
-
(and 1 more)
Tagged with:
-
Add additional text to "Intro" Auto Layout Hero Carousel
tuanphan replied to liandro's topic in Customize with code
I think we can use some CSS code to achieve this. Can you share link to homepage? We can check easier -
It is possible. You can share link to page (on your site) where you want to apply this, we can give code to achieve same style.
-
Use this code to Page Header Code Injection <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $("footer.sections h3").html(function() { return $(this).html().replace("Your brand is special.", "new text line 1"); }); $("footer.sections h3").html(function() { return $(this).html().replace("Let’s make it a lasting legacy!", "new text line 02"); }); $("footer.sections p").html(function() { return $(this).html().replace("Ready to turn your brand into a legacy?", "new para01"); }); $("footer.sections p").html(function() { return $(this).html().replace("We’re just a message away", "new para02"); }); $("footer.sections button.lightbox-handle").html(function() { return $(this).html().replace("Let's Work Together", "new button text"); }); }); </script>
-
How about set same size for all text? ul.sqs-tagcloud li span { font-size: 18px !important; } In case you still want to keep different size, use this code ul.sqs-tagcloud [href="/heart/tag/Generous"] span { padding: 18px !important; display: inline-block; }
-
You can use some code like this under, to adjust it on large screen. @media screen and (min-width:2500px) { #block-yui_3_17_2_1_1709589146043_109093 .summary-item { height: 11vh !important; } }