Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

ErikaT

Member
  • Posts

    107
  • Joined

  • Last visited

Everything posted by ErikaT

  1. Hi, it's a h2 so should be tweakable under design > site styles > fonts > headings > h2 Although that would alter all h2's site wide or you could add the below to design > custom css to alter just the 'Store' heading: #collection-600670a29db7573b5dfb7dcb h2 { font-size: 3.5rem }
  2. Hi there, Can you provide a link to your website and the page in question.
  3. Hi Jen, Have you fixed the issue now? I can see "reservations" beside the hamburger now instead of "book now"
  4. Hi Jen, At the moment your site is private, so only you can see it. If you go to settings and site availability you can set your site to password protected. If you then share the password here we can take a look 🙂
  5. Hi, Would need a link to your site in order to provide the proper code. The below would work on a 7.1 site but would target all forms, if you want it to target just 1 form you'd need to target that block or page: .form-wrapper .field-list .form-item.error .title { color: blue!important } .form-wrapper .field-list .form-item.error * { border-color: blue!important }
  6. Hi Jen, Can you provide the link to your site please and we can take a look 🙂
  7. Hi Greg, Please try: .form-wrapper .field-element { font-family: avenir next!important; font-size: 15pt!important }
  8. Hi, Please try the below: @media screen and (max-width:767px) { #collection-5fd641a2e5ac5828961dc561 h1 { margin-top: 200px!important;} }
  9. Hi, For the Our Process page it would be either: #collection-602c129a72b8683243973570 { header#header { background-color: white!important} .header-actions .icon--fill svg { fill: black!important} #header a { color: black; font-weight: 400} .header-actions .btn { background-color: black!important; color: white!important} .burger-inner>div { background-color: black!important; height: 2px !important;} } Or if that doesn't work then: #collection-602c129a72b8683243973570 header#header { background-color: white!important} #collection-602c129a72b8683243973570 .header-actions .icon--fill svg { fill: black!important} #collection-602c129a72b8683243973570 #header a { color: black; font-weight: 400} #collection-602c129a72b8683243973570 .header-actions .btn { background-color: black!important; color: white!important} #collection-602c129a72b8683243973570 .burger-inner>div { background-color: black!important; height: 2px !important;} } Or indeed there may be a way to change the theme but if so nor sure what it is I'm afraid, still new to CSS!
  10. Hi, I would expect you would need to add it to: Settings > Advanced > Code Injection > Then the top Header section Hope that helps.
  11. Hi, It's the code in your blog item injection, it needs styles adding as below, that should fix it. <style> .Content-outer a { color: red !important; } .Content-outer a:hover { color: green !important; } </style>
  12. Is it your facebook pixel code you're trying to add? If so the following is a handy guide: https://en-gb.facebook.com/business/help/2055795004658619
  13. Hi, I think you just need to tweak @bangank36 150px to whatever lower value you wish 🙂 so say 60px
  14. Hi, Are you on a version 7 or version 7.1 site? I have the same parallax code on my 7.1 site and have just tested with the smooth scrolling anchor link and it works. Have you got a link to your site also? Also for your css code for the smooth scrolling is it the below, as cant see the html bit mentioned above 🙂 ? html { scroll-behavior: smooth; }
  15. Hi pixies, the html would be: <p>Call or text: <a href="tel:805-500-8973" style="color:#BABC16;">805-500-8973</a></p>
  16. Hi, If you go to Design > Custom CSS > Then at the bottom > "Manage Custom Files" > Then click "add images or fonts" > add your image Once the image uploads click the image and the squarespace url for that image will appear in the custom css section. Cut that url out and use that url instead of tuanpan's url 🙂 Like in the below image
  17. Hi, @tuanphan response below should help:
  18. Hi, Use the text-decoration property instead of border-bottom 🙂 Below are some examples: text-decoration: underline; text-underline-position: under; text-decoration-style: solid; text-decoration-color: #FF7CBD; text-decoration-thickness: 8px;
  19. Hi, Would you like to try: @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1616535712847_9958 p, div#block-yui_3_17_2_1_1616535712847_12212 p { text-align: center!important;} }
  20. Hi, there's a guide here 🙂 https://www.minimist.ca/articles/how-to-make-a-vertical-line-in-squarespace
  21. Hmmm yeah, I had no luck with that. I've only been doing css code a few months and I expected the object-fit: contain property to work but it doesn't, looks like its guided by the actual slideshow height container it sits in or indeed the image dimensions themselves. If you reduce the height value of your 2nd slideshow within SS it may solve the issue. Worth tweaking the slideshow settings see what's achievable. I assume you must have other code applied on that page as the gallery control buttons go all awry as soon as you hit the mobile breakpoint? The below code fixes your padding issues with the control buttons @media(max-width:767px) { [data-section-id="605df562453e7b619329a05c"] .content-wrapper { padding-top: 50px; padding-bottom: 40px } } After that I had a bit play with altering that cropping issue on the second slideshow, and closest I got was this. At 624 pixels is where you see the images first starting to be cropped. @media(max-width:767px) { [data-section-id="605df562453e7b619329a05c"] .content-wrapper { padding-top: 50px; padding-bottom: 40px } } @media(max-width:624px) { [data-section-id="605df562453e7b619329a05c"] .gallery-reel-item img { height: 51vh; object-fit: contain!important; } [data-section-id="605df562453e7b619329a05c"] .gallery-reel, .gallery-reel-controls { padding-bottom: 90px!important; } } @tuanphan will be able to confirm, he's the expert 🙂 Sorry I couldn't help more.
  22. Ah yes the footer, added the full code again below with footer at bottom. I can't recall if your footer was white or not, if not white then just replace white with: #ddd9d9, which is the color of your nav items 🙂 <style> #siteWrapper { background-color : white!important;} #mainNavWrapper nav a, #mainNavWrapper nav a:visited, #mainNavWrapper nav label { color: #ddd9d9!important } body * { color: black!important;} #preFooter *, footer * { color: white!important } </style>
  23. Ah yes, I forgot to mention injection needs encapsulated in style attributes. So if you delete all the custom code we've added and add the below into the blog item injection and blog header injection - below code is a different way of doing it, there are lots of ways: <style> #siteWrapper { background-color : white!important;} #mainNavWrapper nav a, #mainNavWrapper nav a:visited, #mainNavWrapper nav label { color: #ddd9d9!important } body * { color: black!important;} </style>
  24. Which bit is the social share? If you can direct me to a page with it on 🙂
×
×
  • Create New...