-
Posts
65,015 -
Joined
-
Last visited
-
Days Won
518
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Change SVG Header logo on certain pages
tuanphan replied to CooperWhite's topic in Site Design & Styles
Currently you are using 2 code to add svg logo, and the code you posted in this thread didn't work. This code works to make your new code works, use this new code <style> header#header .header-title-logo a { background-image: none !important; width: 200px !important; } header#header img { content: url(https://garlic-hawk-pdp3.squarespace.com/s/JohnWeberArt-10.svg) !important; visibility: visible !important; } </style> -
Use this CSS code @media screen and (max-width:767px) { .blog-article-spacer { height: 1px !important; } }
-
How to create a horizontal scrollbar at the bottom of a page?
tuanphan replied to JamIsJam88's topic in Customize with code
Just a static scroll bar or scroll bar with number changed like your example? -
- 14 replies
-
- css
- code-injection
-
(and 3 more)
Tagged with:
-
different horizontal spacing in different dropdown menus
tuanphan replied to kollegard_foto's topic in Customize with code
#1. I see both look same. Can you describe in more detail with screenshot? #2. Use this code to Website > Website Tools > Custom CSS /* Dropdown auto width */ .header-nav-folder-content { width: auto !important; min-width: unset !important; } -
Accordion menu dropdown issues on mobile site
tuanphan replied to Kyan's topic in Customize with code
What is your site url? We can check problem easier -
Add Event Page Title to Navigation
tuanphan replied to websitebuilder12345's topic in Customize with code
Add this code to Last Line in Code Injection > Footer <script> $(document).ready(function(){ var EventItemTitle = $('.eventitem-title').text(); $('.header-nav').append('<span>'+EventItemTitle+'<span>'); });</script> <style> div.header-nav>span { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #ebdec4; text-transform: uppercase; font-size: 2.2em; } h1.eventitem-title { display: none; } </style>- 12 replies
-
- javascript
- code-injection
-
(and 1 more)
Tagged with:
-
Un-fix a fixed block (sidebar) before footer
tuanphan replied to heatherjacksonio's topic in Customize with code
You can use this CSS code to Website > Website Tools > Custom CSS footer.sections, footer.sections section { z-index: 99999999 !important; } -
Need Code To Change Slideshow On Desktop Version Only
tuanphan replied to AmandasArt's topic in Customize with code
You can use some code like this to Website > Website Tools > Custom CSS /* Homepage slideshow height on desktop */ @media screen and (min-width:992px) { body.homepage .gallery-fullscreen-slideshow { height: 100vh !important; } } -
Changing all buttons across website to look the same
tuanphan replied to El1z4b3th's topic in Customize with code
Use this code to Custom CSS box button[type="submit"] { border-color: #dbd4ca !important; color: #dbd4ca !important; text-transform: uppercase !important; font-family: 'Nightfall' !important; padding-top: 1.5em !important; padding-bottom: 1.5em !important; } -
Preserving A Two Column Desktop Layout on Mobile
tuanphan replied to gaganmoorthy's topic in Customize with code
Just add column-gap @media screen and (max-width: 767px) { div#page-5cf6ed87e03c28000107a516 .span-12>.row { column-count:2; column-gap: 0px; } } With other pages, you can share link, I will give you code -
Add this CSS code @media screen and (max-width:750px) { #projectThumbs>.wrapper { width: 100% !important; margin: 0 !important; } }
- 6 replies
-
- alignment
- avenue-template
-
(and 3 more)
Tagged with:
-
How do I change "menu" to a hamburger icon on mobile?
tuanphan replied to JoyceDesignsit's topic in Customize with code
Sorry, misread your questions, to add X icon, use this CSS code .menu-open + #headerWrapper nav#mobileMenuLink ul>li>a:after { content: "\e01a"; }- 14 replies
-
Use this code to Cover Page Header Code Injection <style> div.form-title { display: none; } .form-inner-wrapper { max-width: 400px; } </style>
- 1 reply
-
- cover-page
- newsletter
-
(and 2 more)
Tagged with:
-
I tried all, Code injection, Individual Page Header, Code Block. Maybe wait for ODOO, to see if they have a way to handle the problem.
- 3 replies
-
- code-injection
- code
-
(and 1 more)
Tagged with:
-
You can use this code to Website > Website Tools > Custom CSS div.summary-v2-block .sqs-gallery-controls .next, div.summary-v2-block .sqs-gallery-controls .previous { background-image: url(https://static1.squarespace.com/static/5c1b99c7a9e02801f6c9b9d0/t/5f7ecb98f9dae72f09a0ad46/1602145176384/arrow-right-testimonials-6.png); background-size: contain; background-repeat: no-repeat; background-position: center; background-color: transparent !important; width: 50px !important; } div.summary-v2-block .sqs-gallery-controls .previous { background-image: url(https://static1.squarespace.com/static/5c1b99c7a9e02801f6c9b9d0/t/5f7ecb8774815b7a1d7b677d/1602145159916/arrow-left-testimonials-6.png) !important; } div.summary-v2-block .sqs-gallery-controls .next:before, div.summary-v2-block .sqs-gallery-controls .previous:before { visibility: hidden; } .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager { width: 200px !important; } To move position, use this CSS code header.summary-block-header { position: absolute; bottom: 0; right: 0; } .summary-item-list { position: relative; } .sqs-gallery-design-carousel .sqs-gallery-container { position: relative; }
- 2 replies
-
- summary-block
- summary
-
(and 3 more)
Tagged with:
-
Change the logo colour for mobile hamburger menu - 7.1
tuanphan replied to hollykmsmith's topic in Customize with code
Use this new code instead <style> body:not(.header--menu-open) header#header img { content:url("https://static1.squarespace.com/static/658352163290836ffdcab59a/t/65d8b1cc1d63ae7ef1d45d2a/1708700108553/Storywell+hvit.png/") !important; } </style> -
Can you share link to an individual event page? We can check problem easier
-
Nothing appears after I save code block?
tuanphan replied to MyPartyBoutiqueLLC's topic in Customize with code
Can you send embed code? We can test it easier. And which page you added it? Homepage or? -
Use different image on mobile than desktop
tuanphan replied to holliebolt's topic in Customize with code
-
Events Page: Thumbnail sizing and date squares
tuanphan replied to pmholm's topic in Customize with code
I don't see email.. Can you share link?- 8 replies
-
- events-page
- events
-
(and 2 more)
Tagged with: