-
Posts
836 -
Joined
-
Last visited
-
Days Won
1
ArminB last won the day on June 15 2021
ArminB had the most liked content!
Personal Information
Recent Profile Visitors
ArminB's Achievements
-
tuanphan reacted to a post in a topic: Questions about styling nav menus & dropdowns
-
Problems with Site Header on main site and mobile site
ArminB replied to BPWUK's topic in Customize with code
Hi! Please share the link to your site so the community can help -
ArminB reacted to a post in a topic: Adjust iFrame in Lightbox
-
Questions about styling nav menus & dropdowns
ArminB replied to jcny85's topic in Customize with code
Hey again! 1) I guess you have different color themes on the pages so you have a different starting point based on the applied color theme (top right the brush icon > COLORS) You're already on the right track. also, check out ...--hover when moving your mouse over the folder items 2) .header-nav .header-nav-item--folder .header-nav-folder-content {min-width: 0px;} should do it -
CSS for making portfolio pages with different aspect ratios
ArminB replied to ywong's topic in Customize with code
You could consider using Image Galleries (that are far more flexible even without additional CSS coding) and link the images manually to the related project -
Extra padding in mobile testimonial carousel slider
ArminB replied to amg28416's topic in Customize with code
-
Change color of site title & nav ONLY on index page?
ArminB replied to jcny85's topic in Fonts, colors and images
Hi! add the following code <style> .header-title-text a {color: red !important;} </style> To the header of the specific page > go to WEBSITE > go to the page > click the gearwheel icon (settings of this page) > past the CSS to ADVANCED > CODE INJECTION you can use any HEX color code instead of "red"- 4 replies
-
- custom-css
- color
-
(and 2 more)
Tagged with:
-
ArminB reacted to a post in a topic: Grid gallery: resizing the images on mobile
-
Grid gallery: resizing the images on mobile
ArminB replied to abbiericher's topic in Customize with code
Sure! 1) Duplicate the section 2) style the second one for mobile 3) then grab the following CSS and add to WEBSITE > WEBSITE TOOLS > CSS 4) Open the Web Inspector of your browser and Identify the "Section ID's (there are many tutorials online ) e.g. by @WillMyers and install an "ID Finder browser extension for Squarespace" (you are looking for the section ID - (blue underlined in the screenshot) of your browser The CSS will hide the desktop page on mobile and the mobile page on desktop. @media only screen and (max-width: 840px) { [data-section-id="6316e5cad00d3d666ad24772"]{display:none}} @media only screen and (min-width: 840px) { [data-section-id="6316e5cad00d3d666ad24772"]{display:none}}- 4 replies
-
- grid-gallery
- css
-
(and 2 more)
Tagged with:
-
Ziggy reacted to a post in a topic: add read more next to plus on accordion block
-
Grid gallery: resizing the images on mobile
ArminB replied to abbiericher's topic in Customize with code
Hey @abbiericher It looks to me like the gallery frame itself is going to 100% but you prevented the gallery from cropping your images so it won't fill your image frame. Is that an option to set e.g. a 3:2 aspect ratio?- 4 replies
-
- grid-gallery
- css
-
(and 2 more)
Tagged with:
-
add read more next to plus on accordion block
ArminB replied to Barbi's topic in Customize with code
Hey, it could be something like: .accordion-icon-container:before{ content: ‚BIO' !important} -
ArminB started following George_SQSP
-
ArminB reacted to a post in a topic: POST request from other domain
-
ArminB reacted to a post in a topic: How to show all description/captions on Slideshow Reel
-
and this regarding your first question:
-
Hey! Try this: //Transparent Background .header-nav-folder-content {background-color: rgba(0, 0,0, 0) !important} //Adds a little fade-in animation .header-nav-folder-content { transition: transform 2s; transform: translateY(15%) !important;} .header-nav-item.header-nav-item--folder:hover .header-nav-folder-content { transform: translateY(0) !important; transition: transform 0.5s;}
-
NerdvillebyJenMaher started following ArminB
-
Hi! A site link would be wonderful so people can look into it
-
Hey! Issue 1: Just make a screenshot of the first frame of the video and use this as the fallback. This should be a smoother experience. Issue 2: Most browsers would block background video autoplay anyway so rather not 🙂 https://developer.chrome.com/blog/autoplay/
-
How do I create a smooth scrolling website that jumps to sections?
ArminB replied to Zenia's topic in Customize with code
An easy solution for jump links Here's a demo: https://www.stonefoxforge.com/groups (just click the MAKE A REQUEST button) 1) go to DESIGN > CSUTOM CSS and add html { scroll-behavior: smooth;} go back to your page 2) use #start as the link e.g. on text, images buttons etc... (instead of /contact for example) 3) add a code block somewhere on your page and add <p id="start"></p> then you'll jump down to this certain code block (PS: make sure to align the position on mobile as well PS: you can have multiple jump links by just using different terms #yourterm I hope this is helpful -
Zero Contrast - Artwork Shop for Musicians & Labels
ArminB replied to ArminB's topic in Feedback on Your Site
Thank youl @TerryK good point! -
Zero Contrast - Artwork Shop for Musicians & Labels
ArminB replied to ArminB's topic in Feedback on Your Site
Thanks for looking into it! I appreciate your time!