VIWW
Member-
Posts
11 -
Joined
-
Last visited
VIWW's Achievements
-
tuanphan reacted to a post in a topic: Change default Intro Background colour
-
VIWW reacted to a post in a topic: Make Search Bar block and Archive Dropdown block same size
-
That worked perfectly! Thank you!!
- 5 replies
-
- brine-template
- archive
-
(and 3 more)
Tagged with:
-
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?
- 5 replies
-
- brine-template
- archive
-
(and 3 more)
Tagged with:
-
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:
- 5 replies
-
- brine-template
- archive
-
(and 3 more)
Tagged with:
-
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.
- 3 replies
-
- banner
- brine-template
-
(and 1 more)
Tagged with:
-
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.
- 3 replies
-
- banner
- brine-template
-
(and 1 more)
Tagged with:
-
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!
- 3 replies
-
- banner
- brine-template
-
(and 1 more)
Tagged with:
-
Force page to load in Desktop style instead of Mobile style
VIWW replied to VIWW's topic in Site Design & Styles
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! -
Force page to load in Desktop style instead of Mobile style
VIWW replied to VIWW's topic in Site Design & Styles
Is there any way I could disable the photos in the mobile version, and still have them present on the desktop version? -
Force page to load in Desktop style instead of Mobile style
VIWW replied to VIWW's topic in Site Design & Styles
Sorry I thought I had! https://www.vancouverislandwhalewatch.com/faq -
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!
-
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';}