-
Posts
64,701 -
Joined
-
Last visited
-
Days Won
516
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Change your class name to this .header-title-logo a, .header-mobile-logo a
-
Parallax Scrolling in background images in 7.1 Missing
tuanphan replied to Naobi's topic in Customize with code
I meant if you can add this code again, we can check problem easier If you can't add it, you try contacting Parallax code author, he should help this easier. -
Summary Block - CSS for Category / tags
tuanphan replied to Maksymrewko's topic in Customize with code
It looks like you solved with this CSS? .sqs-block-summary-v2 .summary-metadata-item.summary-metadata-item--tags { font-size: 0; } .sqs-block-summary-v2 .summary-metadata-item.summary-metadata-item--tags a { font-size: 12px; } -
You can try this .header-title-logo { position: relative; left: -2vw; } or this code (Default is 3vw) .header-announcement-bar-wrapper { padding-left: 1vw !important; }
-
Try this new code /* Mobile top banner */ @media screen and (max-width:767px) { body.homepage .Parallax-item:first-child img { width: 100% !important; left: 0 !important; height: auto !important; top: 10px !important; } section#home-banner { height: 180px; } div#block-yui_3_17_2_1_1655215461081_2516 { display: none; } div#page-62a74b005d5db60eca5fa90d { position: relative; top: -60px; } }
-
Hamburger Menu Nav across all devices (version 7.1)
tuanphan replied to rsmith3074's topic in Customize with code
Don't remove any code in your current code Add this to top of Custom CSS box .header-burger { display: block !important; }- 137 replies
-
- navigation
- hamburger-icon
-
(and 2 more)
Tagged with:
-
Add to Design > Custom [data-folder="root"]:before { content: ""; background-image: url(https://images.squarespace-cdn.com/content/v1/6313b633f0dd754d450d5743/1ab9011c-0bf6-4307-9eec-06288fe1a50e/rnco_capital_polpo_light_1.png?format=300w); display: block; width: 100px; height: 70px; background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0 auto; } CSS
-
Disabling Portfolio Project Pages in Squarespace Version 7.1
tuanphan replied to courtneyahndesign's topic in Pages & Content
Can you share link & which project you want to hide? -
my custom CSS not centering ALL of my text on mobile only
tuanphan replied to moran75's topic in Pages & Content
Don't remove any code in your current code. Add this CSS @media screen and (max-width:767px) { .fluid-engine.fe-6336c580b424b77aca8505d8 { display: block !important; } } -
Can you share link to a product?
-
Add this to Design > Custom CSS body:not(.header--menu-open) .header-nav-item--active>a { background-image: none !important; }
-
Masonry-style grid with photos and videos
tuanphan replied to amystellar's topic in Customize with code
Image, Videos. This is possible with Gallery Block. You can check demo https://thung.squarespace.com/gallery-masonry-video?noredirect pass: abc -
Hi. No way. It will sticky in its section only.
-
Navigation Hides Banner On Top of Page (Parity Deals)
tuanphan replied to semigrownkid's topic in Customize with code
-
How to Change Default Text Labels in Squarespace
tuanphan replied to FrancisD's topic in Customize with code
You can combine them <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script> $(document).ready(function(){ $("div#productNav a").html(function() { return $(this).html().replace("Back to Boutique en ligne", "Retour"); }); $(".product-price").html(function() { return $(this).html().replace("from", "à partir de "); }); $(".sqs-add-to-cart-button-inner").html(function() { return $(this).html().replace("Add To Cart", "Ajouter au panier"); }); $(".quantity-label").html(function() { return $(this).html().replace("Quantity", "Quantité"); }); $(".variant-select-wrapper select").html(function() { return $(this).html().replace("Select Produit", "Sélectionner un produit"); }); $(".variant-select-wrapper select").html(function() { return $(this).html().replace("Select Taille", "Sélectionner une taille"); }); $(".back-to-top").html(function() { return $(this).html().replace("Back to Top", "Haut de Page"); }); }); </script> -
Can I change the Header Style for one page only?
tuanphan replied to JonnyIlsley's topic in Customize with code
Ah, the code missing a dot symbol. Use this new code <style> header#header { background: #949598 !important; } a#site-title { color: white;} .header-nav-item a{ color: white;} </style>- 12 replies
-
- style
- custom-css
-
(and 2 more)
Tagged with:
-
creating two columns in portfolio grid on mobile view
tuanphan replied to werrorphotography's topic in Customize with code
You can use this code @media only screen and (max-width: 767px) { body.homepage #gridThumbs { grid-template-columns: 1fr 1fr; } } -
Getting social icons + "button" to show on mobile?
tuanphan replied to ErinD's topic in Customize with code
I see you haven't added code for 2 icons. I see 1 code only .icon[href="http://annauma.ca/home"] { background-image: url(https://static1.squarespace.com/static/62227612c34bc74d480c8bc0/t/63310644330b1d05dbb1b806/1664157252435/EN.png); background-size: cover; background-repeat: no-repeat; transform: scale(1); } Can you check it again? -
Your screenshot looks fine. Can you describe in more detail?
-
Bedford template - Change size of the banner
tuanphan replied to stur's topic in Customize with code
Which banner are you referring to? Then we can check its code -
How to increase width of fluid engine grid?
tuanphan replied to verush's topic in Customize with code
Do you use a large screen? -
Add fading load animation transition to code blocks? pls help!
tuanphan replied to dantone1's topic in Customize with code
It is complex, and you won't do it yourself if you aren't good at code. I think you should use Image Blocks, then we can give some custom CSS to make image hover effect. -
How do change color of navigation bar at bottom of site header
tuanphan replied to kcln52's topic in Site Design & Styles
You mean red bar nav items?