-
Posts
16 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by ghemachandar
-
How do I reduce Flatiron template header height?
ghemachandar replied to Andrew505's topic in Customize with code
See attached image. When I first visited the site (or visited after clearing browser cache) the menu was working properly. It is only after multiple open-closes that the problem you cited appears. I'm afraid, this could be some malfunction on the part of Squarespace and can only be resolved by them. -
For one, it should be @font-face
-
How do I reduce Flatiron template header height?
ghemachandar replied to Andrew505's topic in Customize with code
In which case, we must apply the code only to desktop resolutions: @media screen and (min-width: 641px){ #navigator .siteTitle { padding: 20px 0; /* Change 20px value if necessary */ } #container{ margin-top:100px !important; /* Change 100px value if necessary */ } } -
How do I reduce Flatiron template header height?
ghemachandar replied to Andrew505's topic in Customize with code
See attached video. It appears the problem can be resolved by reducing logo padding AND container margin. Try putting this code in DESIGN > Custom CSS: #navigator .siteTitle { padding: 20px 0; /* Change 20px value if necessary */ } #container{ margin-top:100px !important; /* Change 100px value if necessary */ } ice_video_20220629-170430.mp4 -
See attached image. There was a CSS declaration for the effect. You may override it by putting the following code in DESIGN > Custom CSS: .sqs-block-gallery .sqs-gallery-block-slideshow .sqs-gallery-design-stacked-slide:hover img { -webkit-filter: none; filter: none; }
-
Create 2-column 'Features' section on mobile
ghemachandar replied to Abby_EveryStory's topic in Customize with code
Actually, try this one: @media screen and (max-width: 640px){ #page-60db4a11f2dfbb34602d3bd0.sqs-layout [class*=sqs-col] { float: left !important; width: 50% !important; } } -
Can you try this code?: .list-item .list-item-media{ filter: drop-shadow(5px 5px 5px #000000);} The list-item-media class ensures that the property applies only to the images.
-
Create 2-column 'Features' section on mobile
ghemachandar replied to Abby_EveryStory's topic in Customize with code
Can you put the following code in DESIGN > Custom CSS? It *might* work! @media screen and (max-width: 640px){ #page-60db4a11f2dfbb34602d3bd0 .sqs-layout [class*=sqs-col] { float: left !important; width: 50% !important; } } -
Site white search bar - search text and PDFs on all pages
ghemachandar replied to Pete550's topic in Customize with code
Sent PM. -
Help with CSS code breaking drop down menu feature
ghemachandar replied to eeeecho's topic in Customize with code
Looks like this part of the code is causing the problem: div { overflow:hidden !important; } Can you remove it and test. Obviously, now the gallery effect will be broken but if you provide the page url we can suggest what to replace this code with. -
Oh! So, you need just the background image removed? Please try this: @media screen and (max-width:767px) {/* hide welcome banner */ #collection-609b09827e0a8b72f5bf4e21 .Parallax-host .Parallax-item:nth-child(2){ display: none; }}
-
Remove blank space between header and body
ghemachandar replied to guest123's topic in Customize with code
That is content padding. Put the following code **in that page settings only**: <style> .page-section.vertical-alignment--middle:not(.content-collection):not(.gallery-section):not(.user-items-list-section).section-height--medium>.content-wrapper { padding-top: 3.3vmax; } </style> 3.3vmax value is put by me. You can try px or em too. Default was 6.6vmax. -
I found an 'id' not a 'data-section-id'. Try this?: @media screen and (max-width:767px) {/* hide welcome banner */[id="whatisworqflow-with-banner"] { display: none;}}
-
Site white search bar - search text and PDFs on all pages
ghemachandar replied to Pete550's topic in Customize with code
Not sure why it's not working. Text blocks are indexed after all! https://support.squarespace.com/hc/en-us/articles/217594457#toc-indexed-content As for searchable PDFs, one not-so-elegant solution is put the PDFs content on the page (as text or code blocks) and set that content invisible. -
You can use this code to change hover mask color: .social-icons-color-black.social-icons-style-knockout .sqs-svg-icon--list:hover .sqs-use--mask { fill: red; }
- 3 replies
-
- css
- social-links
-
(and 2 more)
Tagged with: