Jump to content

VIWW

Member
  • Posts

    11
  • Joined

  • Last visited

Everything posted by VIWW

  1. Hmm, I'm not sure what element you're talking about. On my end, I'm just seeing the spacers on either side and the Archive dropdown block that has a bunch of extra blank space on its right side?
  2. Site URL: https://www.vancouverislandwhalewatch.com/recent-sightings Hello! I am trying to make my Archive Dropdown match my search bar in size on my blog - cannot drag and resize the block, it's just coming up with white space on the right side. It matches nicely on Mobile but not on Desktop. I'd also like to make the archive dropdown list show 4 columns instead of one giant long column on the desktop version. Thank you! Desktop preview in Editing mode - spacer blocks on either side of Search and Archive blocks: Mobile preview:
  3. Posted answer in the original body! Main:Overlay was set as transparent but the colour code was the weird orange! Changed it to my preferred orange and left at transparent and now it works perfectly.
  4. This dark orange is the colour I mean - I cannot get it to display on Desktop, only Mobile. When I inspect the page via Google I see this: .Intro--has-image { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #f04f0a; color: #fcf7f7; But I cannot figure out how to change this in Squarespace to match the other orange on the website.
  5. Site URL: https://www.vancouverislandwhalewatch.com/schedulerates Hello; I am trying to change the default colour of the background in my Intro blocks on my page. I cannot find an option in Site Styles to change it. While not visible on Desktop, on Mobile the "Schedules & Rates" background video does not appear and instead a #f04f0a coloured background is shown. I hope to change this background to #FF870F on the Intro for every page. Thank you! SOLVED: It turns out "Overlay Color" in Main: Overlay was set to 0% opacity, but it was still visible on mobile. Changed the colour to the one I wanted, left it at 0% opacity, and it now works perfectly!
  6. I ended up writing this up, which did what I wanted to accomplish: // HIDDEN ELEMENTS ON MOBILE @media only screen and (max-width: 768px) {#block-yui_3_17_2_1_1667155492115_6694, #block-yui_3_17_2_1_1667155492115_17548, #block-yui_3_17_2_1_1667155937657_12880, #block-yui_3_17_2_1_1667155937657_284779, #block-yui_3_17_2_1_1667155937657_286207, #block-yui_3_17_2_1_1667155937657_98272, #block-yui_3_17_2_1_1667155937657_283360, #block-yui_3_17_2_1_1667155937657_281940, #block-yui_3_17_2_1_1667155492115_15949, #block-yui_3_17_2_1_1667155937657_14506, #block-yui_3_17_2_1_1667155492115_9830 {display: none;} } Does this look good, or is there a way to make the coding a bit more concise? Thank you again for all your help!
  7. Is there any way I could disable the photos in the mobile version, and still have them present on the desktop version?
  8. Sorry I thought I had! https://www.vancouverislandwhalewatch.com/faq
  9. Hello! I've seen similar threads regarding this but I'm struggling to figure out if it is possible to correct my issue. I have an FAQ page that I like the appearance of while in Desktop mode, but in Mobile mode it stacks awkwardly with photos appearing before and after the FAQs. Am I able to make the Mobile version display in columns instead of stacked on top of eachother? Thank you!
  10. Site URL: https://www.vancouverislandwhalewatch.com/recent-sightings Hello, My website uses a custom font for H1 (Rustico), which I've been able to add successfully through CSS. However, I can't seem to get it to work as a Blog font title. Here's the code I'm using, any help would be greatly appreciated! h1.BlogItem-title { font-family: 'Rustico-Regular_88370ec8e2123dc44e47a64c4bafc272' !important; } @font-face { font-family: 'Rustico-Regular_88370ec8e2123dc44e47a64c4bafc272'; src: url('https://static1.squarespace.com/static/5985d390e45a7c3cc38d251a/t/61f45f093810e55baf808c9b/1643405066117/Rustico-Regular_88370ec8e2123dc44e47a64c4bafc272.otfFontURL'); } h1 {font-family: 'Rustico-Regular_88370ec8e2123dc44e47a64c4bafc272';}
×
×
  • 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.