Jump to content

antonlecluyse

Member
  • Posts

    19
  • Joined

  • Last visited

antonlecluyse's Achievements

  1. Does this work? (https://vanilla-turkey-e59p.squarespace.com/config/ myjmez-8rezgo-sUqqod
  2. I am trying to create a split-screen like section on my landing page (section 4) that looks like the screenshot in attachment. I am looking how to add a white border, but maybe there is another way.. Basically it is a section with: 1. image on the left 2. text block + button on right (coloured background) 3. image and text block background meet in the middle 4. There is a border left of the image and right of the text block backround, similar to the left/right border on the first section of the website (https://vanilla-turkey-e59p.squarespace.com/config/) What is the best way forward? Thanks
  3. Hi, I want to style the fields in the form block. It used to work with the code I found, but now it doesn't seem to have any effect anymore, no matter what I do. I am able to target and modify all the other things in the form block, but not the field element. Let's say I want to change the background of the field. This is the code I use to target the element: .form-wrapper .field-list .field .field-element { background: none !important; } But as I said it doesn't do a thing.. Thanks for helping me out.
  4. Hi, Is there a way to align certain buttons on desktop to the left, while on the mobile version keep them centered. I am aware this is not a standard feature on 7.1 fluid engine, so I would need the css code for this. It's for specific buttons, not all. So I need to be able to target the specific button or let it apply to only eg. primary buttons. Thanks in advance.
  5. Hi, Is there a way to align certain buttons on desktop to the left, while on the mobile version keep them centered. I am aware this is not a standard feature on 7.1 fluid engine, so I would need the css code for this. It's for specific buttons, not all. So I need to be able to target the specific button or let it apply to only eg. primary buttons. Thanks in advance.
  6. found the solution had to change font-family: brandon grotesque; to: font-family: brandon-grotesque;
  7. I want to apply SS font to breadcrumb, summary block titles,... Now SS uses the paragraph font I selected (Garamond) for the breadcrumb, but I want the heading font I selected (Brandon Grotesque). And change some additional text properties (make it smaller, letter spacing,...) I know how to upload a custom font using css, change text properties, that is not the issue, but I don't have that font and I want to use a standard SS font for this site. So I am looking for the css code to: 1. Change the breadcrumb font from Garamond to Brandon Grotesque > I know how to target the breadcrumb (nav.ProductItem-nav *) , but not how to apply another SS font. 2. change a couple of properties. > That I know Hope I make myself clear. Thanks
  8. So to be clear... I know how to do it by uploading a font (@fontface css), but I want to use the standard font that is in the squarespace font list. That's the thing I am struggling with. Thanks for your help.
  9. https://caterpillar-chameleon-fdl9.squarespace.com/ password: neosvita
  10. the site is not yet online, it is a trial. so how do I share the link?
  11. Hi, I have 2 fonts selected as site fonts from the square space font list (not custom fonts). Fonts are: Brandon Grotesque and Garamond. The breadcrumbs font is rendered in Garamond, but I want to change it to Brandon Grotesque. I guess the only way to do this is with css. But how does this work without having to upload the font? I just want to change the font to the other selected (standard) site font. I use this code but it's not working: nav.ProductItem-nav * { font-family: "Brandon Grotesque" !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1em !important; letter-spacing: 2px; text-transform: uppercase !important; } I also tried with ' instead of "", same result.. I have the same issue for the summary block title. Thanks
  12. Site URL: https://wearewan.com/we-are-wan Hi, I have a issue with the mobile navigation (hamburger) on my ipad (see attachment). A border appears around the "back" button and some items of the menu, when clicking them. This is only on the ipad, but not on mobile phone, it should not be there obviously... Is this a bug? How can I make it disappear? Thanks in advance.
  13. great, it works perfectly. thank you, you are lifesaver!
  14. Hi, I have a section on the homepage of a website I am working on with 3 columns, created with fluid engine. I am trying to force the 3 columns to 1 colums on tablet portrait mode (for mobile screen it does it automatically), but so far no luck. If it would be possible to force the whole site instead of 1 section on a page, even better. I tried this code: @media screen and (max-width:1024px) and (min-width:750px) { [data-section-id="62e128679b13b7022c5d2826"] .content { width: 100% !important; } } and this one: @media screen and (max-width:1000px) { #collection-5dc4a4cd714889457f7615c2 div>.row>.col { width: 100% !important; } } Thanks for any help.
×
×
  • 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.