-
Posts
64,936 -
Joined
-
Last visited
-
Days Won
517
Reputation Activity
-
tuanphan reacted to HobartG in Create a Print Button on a form
The customer has told me that they changed their mind and now no longer wish to print the form. I appreciate you assistance with this though and would still be interested in the code for future reference on other projects. Here is the link to the page.
https://nebraskagolfhalloffame.com/mailed-reservations
-
tuanphan reacted to WebShark in Code injection is showing in my header and encroaches pages in mobile view - HELP!
Thank you so much @tuanphan! This worked 🙌
-
tuanphan reacted to littlecrow in Changing Margin and Header on Individual Event Pages
That did it, thank you SO much!! Your responses in other forums have also helped me many a time so thank you for sharing your time and coding wisdom!
-
-
tuanphan reacted to bradgood in Double tap required on mobile text link
This is a JavaScript/jQuery solution, and site-wide animations can remain enabled. Timeout is optional but will allow the animation to be visible before the page redirects.
<script>
$('.sqs-html-block a').on('touchstart', function () {
var href = $(this).attr('href');
setTimeout(function(){
window.location.href = href;
}, 100);
});
</script>
-
tuanphan reacted to MoeTalks in Force Header, footer and and Images to stay within Squarespace Max Width Margin
Someone please tell me why o why? Why is it that every time I feel like i've exhausted all remedies and hope on finding an answer and I reach out to this forum, all of a sudden I find it. It's taken me 2.5 hours to find this answer AND on top of that, it was from on old circle member in this forum (https://forum.squarespace.com/profile/9595-rwp/)
Not sure is he is still on but thank you for this code. Now I have to figure out then what exactly does the margin-width do but that's another day. This can be closed.
#header {
max-width: 1920px;
margin: auto;
}
section.page-section {
max-width: 1920px;
margin: auto;
}
-
tuanphan reacted to MartinMurray in Dropdown Menu colour Squarespace 7.1
@tuanphan This worked perfectly - Thanks Buddy
-
tuanphan got a reaction from stylesipher in Adjusting Blog Post Layout to Display in Two Columns Instead of One on Mobile Site (Wells Template)
You can follow this to share url
-
tuanphan got a reaction from MartinMurray in Dropdown Menu colour Squarespace 7.1
Change this code
.header-nav-item--active a { background-image: linear-gradient(#5af5fa, #5af5fa) !important; padding-bottom: 5px !important; } to this
.header-nav-item--active>a { background-image: linear-gradient(#5af5fa, #5af5fa) !important; padding-bottom: 5px !important; }
-
tuanphan got a reaction from careau in Edit Portfolio Navigation Text
I have invalid id, use this new code
/* prev next */ .item-pagination[data-collection-type^="portfolio"] h2 { visibility: hidden; } a.item-pagination-link.item-pagination-link--next h2:after { content: "next"; visibility: visible; } .item-pagination-link--prev h2:before { content: "previous"; visibility: visible; }
-
tuanphan got a reaction from cscholz in Left-align header navigation with center of page
Remove above code & use this new code
div.header-title { width: 50% !important; } .header-nav { text-align: left !important; padding-left: 0 !important; }
-
tuanphan got a reaction from sayreambrosio in Lightbox captions only?
Add to Design > Custom CSS or Website > Website Tools > Custom CSS
/* move title under image lightbox */ .yui3-lightbox2 .sqs-lightbox-meta { opacity: 1 !important; background-color: transparent !important; padding: 0px !important; bottom: -30px !Important; } .sqs-lightbox-slideshow .sqs-gallery-design-stacked-slide img { top: -30px !important; } .yui3-lightbox2 .sqs-lightbox-meta * { color: black !important; text-align: center; }
-
tuanphan got a reaction from sayreambrosio in Lightbox captions only?
Add this to Design > Custom CSS or Website > Website Tools > Custom CSS
/* Mobile fix lightbox caption overlap image */ @media screen and (max-width:767px) { .light-caption { width: calc(~"100% - 10px") !important; padding-right: 5px; padding-left: 5px; } }
-
tuanphan got a reaction from Efestoone in Adding related products in the store
Remove code I sent & use this new code
section[class*="add-ons"] div.sqs-add-to-cart-button:hover, section[class*="add-ons"] div.sqs-add-to-cart-button:before { border-radius: 50% !important; }
-
tuanphan got a reaction from Anemone in Changing blog "Comments" to "Notes"
Try this new code
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function(){ setTimeout(function(){ $("h3.comment-count span").html(function() { return $(this).html().replace("Comments", "Notes"); }); $("span.comment-btn.sqs-system-button").html(function() { return $(this).html().replace("Post Comment…", "Post"); }); }, 5000); }); </script>
-
tuanphan got a reaction from Maxsabo in No link cursor on gallery hover
You can use this code to Website > Website Tools > Custom CSS
body#collection-5bca34dee5e5f0cd07ce8da8 .gallery-block:hover { cursor: pointer; }
-
tuanphan reacted to Ellelle in Image Magnifier Glass / Image Zoom
Thank you so much! I will try this plug in first.
-
tuanphan reacted to liandro in Add additional text to "Intro" Auto Layout Hero Carousel
It worked! Thank you for all your help.
-
tuanphan reacted to Ziggy in MOVE SOME NAVIGATION LINKS TO RIGHT SIDE IN HEADER
It's not a native option, so it's not easy to do, luckily there are lovely people who have figured this out and share their code, this is one of many options:
-
tuanphan reacted to Jia in Need a border around list item card CSS
Hi, add this to custom css:
.slide-content.list-item-card-background { border: 2px solid black; } -
tuanphan reacted to E-W in Invert logo color for first section on page only?
SOLVED: with code from this post:
I modified the code. This is what I used to achieve a color-changing logo on scroll. However, I still need to figure out how to make the burger menu change color on scroll too.
/* Change logo on scroll */
.shrink .header-title-logo img {
visibility: hidden;
transition: all 0.3s;
}
.shrink .header-title-logo a {
background-image: url(https://static1.squarespace.com/static/65a2d78aa72f1c4f2b2f30fe/t/6614307825e9e667d79278b4/1712599160701/Kristy-Burrell-Photography-Vermont-Wedding-Photographer-Logo-Black.png);
background-size: contain;
background-repeat: no-repeat;
}
-
tuanphan got a reaction from WebShark in Customize Squarespace Universal Filter
Try this new CSS code
.custom-filter-container .customFiltersWrapper .customFiltersContainer:before { content: "Kategori"; display: block; font-size: 17px; margin-top: 20px; }
-
tuanphan reacted to HeloiseStudioJone in Sticky Side Nav Bar
@tuanphan Thanks a lot, will try this !
-
tuanphan reacted to jallory in Please Help: Hide Subscription Pricing Plans from Paywall
Hi @tuanphan thank you very much for your reply. I figured out a workaround by toggling the option to hide the pricing plan I don't want to display on the paywall, and then creating an unlinked page with a digital product block for the other pricing plan. I don't need help with this anymore, but thanks again for your responsiveness (here and on other threads). 🙏
-
tuanphan reacted to Web_Solutions in Different logo wjhen adaptive header changes from transparent to solid
Replace your code with the code below
body[class*="homepage"] header#header:not(.shrink) img { content: url(https://images.squarespace-cdn.com/content/65d8155900dd3949584c908d/525c807e-b928-4947-9e4d-920d3d307bf2/EucalyptRoses_PrimaryLogo_Website_Light.png?content-type=image%2Fpng); }