GregLassale
Member-
Posts
136 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
GregLassale's Achievements
-
Ah, thank you! I did think that looked a bit weird. I must have accidentally deleted the ">" sign at some point. Thanks again.
-
Site URL: https://gregorylassale.com In the "Additional Info" section (under the Contact section) of my website in both the English and French version of my website, the email address is no longer clickable. I am using font awesome icon in front of it, not sure if that's the source of the problem, or maybe a Squarespace software update might have broken the link. I'm pretty sure it used to work fine. Here is the HTML code in the block: <center><span class="fa fa-envelope"></span> <span style="color: hsl(18, 52%, 60%);" <a href="mailto:glassaletrans@gmail.com" title="glassaletrans@gmail.com">glassaletrans@gmail.com</a></center> Any idea what the issue might be? Thank you.
-
Site URL: https://gregorylassale.com I am using a custom font injected in my cover page header but want to exclude buttons. I tried <style> /* Apply Custom Font to Entire Site Start */ @font-face { font-family: 'Montserrat Light'; src: url('https://static1.squarespace.com/static/5aeb7d827e3c3a2bedb60363/t/608f5cfc8e8bd04a9e4e399b/1620008188969/Montserrat-Light.ttf'); } /* target all elements except buttons */ * :not(.sqs-slice-buttons-content) { font-family: 'Montserrat Light' !important; } // --------------- End --------------- </style> but it's not working. What is wrong in my code? Thanks in advance.
-
Help no longer needed. Just a dumb syntax error.
-
Anyone? This is one of the last things on my to-fix list.
-
I don't get it. I know the selector is correct because the same query works on mobile @media only screen and (max-width: 640px) { .sqs-slice-heading #sqs-slash-page-header {font-size: 33px!important; } } I moved the min breakpoint to 641px to avoid conflicting with the code above, but no effect @media only screen and (min-width: 641px) and (max-width: 950px) { .sqs-slice-heading #sqs-slash-page-header {font-size: 45px;!important } } I also specified the orientation, but still nothing: @media only screen and (min-width: 641px) and (max-width: 950px) and (orientation: portrait) { .sqs-slice-heading #sqs-slash-page-header {font-size: 45px;!important } }
-
@tuanphan No, it's not solved. I'm not sure how it looks on other tablets, but on my 2018 iPad Pro 11, the title still breaks. I'd like for it to fit on one line.
-
Site URL: https://gregorylassale.com I am trying to reduce the font size for the cover page title to make it fit on one line. Here is my code: <style> @media only screen and (min-width: 640px) and (max-width: 950px) { .sqs-slice-heading #sqs-slash-page-header {font-size: 75px; !important}} </style> I'm injecting it locally, not via the custom CSS panel. The breakpoint worked to resize the font on my homepage, so I don't think that's the problem. The selector (.sqs-slice-heading #sqs-slash-page-header) worked for the animation, so I don't think that's the problem either. Not sure why this media query isn't working. Help would be greatly appreciated.
-
creedon reacted to a post in a topic: Landing and index page display problem on Brine template
-
Landing and index page display problem on Brine template
GregLassale replied to GregLassale's topic in Site Design & Styles
A quick follow up to say that I fixed the issue by adding a keyframe fade in animation to the cover page via CSS, which eliminates the "jumping" bug. -
Media query show/hide page not working on mobile
GregLassale replied to GregLassale's topic in Customize with code
Any other idea? -
Media query show/hide page not working on mobile
GregLassale replied to GregLassale's topic in Customize with code
Same problem : my desktop shows the correct version, but my iPad shows the wrong one. I've tried a bunch of different breakpoints and my iPad either shows the wrong version or both. Any other idea? -
Media query show/hide page not working on mobile
GregLassale replied to GregLassale's topic in Customize with code
This one is driving me nuts. I don't understand why the query is working on desktop but not on mobile. The 1194px breakpoint works on my iPad for other scripts, but not the code above. Any idea, anyone? -
tuanphan reacted to a post in a topic: Reducing top padding for select pages on mobile
-
MarcWatson reacted to a post in a topic: Plugins shops feedback
-
Reducing top padding for select pages on mobile
GregLassale replied to GregLassale's topic in Customize with code
Help no longer needed. I used the following: @media screen and (max-width:1194px) { .Index-page-content { padding-top: 15px; padding-bottom: 15px; } } Thanks