antonlecluyse
Member-
Posts
19 -
Joined
-
Last visited
antonlecluyse's Achievements
-
Does this work? (https://vanilla-turkey-e59p.squarespace.com/config/ myjmez-8rezgo-sUqqod
-
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
-
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.
- 1 reply
-
- form-block
- css
-
(and 1 more)
Tagged with:
-
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.
-
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.
-
Beyondspace reacted to a post in a topic: Change breadcrumbs font to site fonts
-
Change breadcrumbs font to site fonts
antonlecluyse replied to antonlecluyse's topic in Customize with code
found the solution had to change font-family: brandon grotesque; to: font-family: brandon-grotesque; -
Change breadcrumbs font to site fonts
antonlecluyse replied to antonlecluyse's topic in Customize with code
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 -
Change breadcrumbs font to site fonts
antonlecluyse replied to antonlecluyse's topic in Customize with code
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. -
Change breadcrumbs font to site fonts
antonlecluyse replied to antonlecluyse's topic in Customize with code
https://caterpillar-chameleon-fdl9.squarespace.com/ password: neosvita -
Change breadcrumbs font to site fonts
antonlecluyse replied to antonlecluyse's topic in Customize with code
the site is not yet online, it is a trial. so how do I share the link? -
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
-
tuanphan reacted to a post in a topic: force to 1 column on ipad
-
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.
- 1 reply
-
- css
- squarespace-7.1
-
(and 2 more)
Tagged with:
-
great, it works perfectly. thank you, you are lifesaver!
- 6 replies
-
- css
- fluid engine
-
(and 3 more)
Tagged with:
-
hope this helps: https://wearewan.com/we-are-wan
- 6 replies
-
- css
- fluid engine
-
(and 3 more)
Tagged with:
-
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.
- 6 replies
-
- css
- fluid engine
-
(and 3 more)
Tagged with: