Jump to content

ArminB

Circle Member
  • Posts

    836
  • Joined

  • Last visited

  • Days Won

    1

ArminB last won the day on June 15 2021

ArminB had the most liked content!

5 Followers

Personal Information

Recent Profile Visitors

2,216 profile views
  1. Hi! Please share the link to your site so the community can help
  2. 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
  3. 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
  4. 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"
  5. 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}}
  6. 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?
  7. Hey, it could be something like: .accordion-icon-container:before{ content: ‚BIO' !important}
  8. and this regarding your first question:
  9. 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;}
  10. Hi! A site link would be wonderful so people can look into it
  11. 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/
  12. 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
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.