LV-OZ

thank you so much @tuanphan that really helped me!

Yes, that is correct, the three boxes are very big in Mobile version, I would like them to be smaller.

Site URL: https://lobster-ray-g42d.squarespace.com/provenance Hello I am trying to change the size of the text for the caption overlay with images, as I find them too big. However when I use the code below, the font changes size but now it is not centred vertically within the coloured panel behind it. I would also like to change the width of the overlay, so that I can control how far it reaches over the image. Are there ways to fix these two issues? Thank you! Louisa PW: youcanenter #block-adb66a3f627a6fb81da8 a { text-decoration: none !important; font-size:30px; letter-spacing: 0.1em; } @media screen and (max-width: 640px) { #block-adb66a3f627a6fb81da8 a { text-decoration: none !important; font-size:20px; letter-spacing: 0.1em; } }

As well as changing the MAIN HEADING font as circled above, I would also like to reduce the size of the coloured panels in the mobile version, is there a way to do that too? Thank you so much!

Thank you Tuan, however I am not sure this targeted the correct title. It is the 'DISCOVER MORE' that I am trying to change. Much appreciated!

ah! You're the best! Much appreciated! Happy weekend

Thank you so much, that worked perfectly. Is there a way also to change the 'Read More' hover colour too on this page? https://lobster-ray-g42d.squarespace.com/knowledge-news Thank you!

Site URL: https://lobster-ray-g42d.squarespace.com/sandalwood-oils Hi! I would like to change the List Title font to my custom font. I cannot find the code name for this header, please can you assist me? "DISCOVER MORE" are the words I am trying to change! pw: youcanenter I am trying this code, I'm sorry, I am very new to CSS! .list-block .list-header-title { font-family: BreweryProMedium; } Thank you, Louisa

I mean on the page where the blog content sits. See pic below. The links within the paragraphs when you hover over them turn the colour of the background, I am trying to change them to a different colour on hover. NOT the text on the bottom that takes you to the next blog. Thank you!

Thank you Ignite - I am trying to change the hover colour however in the actual blog entries. Any thoughts on how that could change? Thanks!

Site URL: https://lobster-ray-g42d.squarespace.com/knowledge-news Hi! I would like to change the hover colour of text links and 'Read More' links in my blog section. I cannot seem to change the hover colour in Site Styles, and currently when I hover the text 'disappears' as it becomes the same colour as my background. Currently, I am trying this code!?!? section[data-section-id="60b02fef63cb4154a2416bdf"] a:hover { color: #d85820; } Places you can see this occurring: https://lobster-ray-g42d.squarespace.com/knowledge-news https://lobster-ray-g42d.squarespace.com/knowledge-news/protecting-indigenous-communities-from-covid-19 pw: youcanenter Thank you for your help! Louisa

Amazing. Thanks every so much!!

Thank you, you are a lifesaver!!

Site URL: https://lobster-ray-g42d.squarespace.com/ Hi - I am having trouble with my image blocks on my homepage, they are set to link to other pages within the site, but when I click on them they do not take me there. Is there any issue here that I am not aware of? pw: youcanenter

Thank you - is there a way to move the text a little to the left?

Thank you so much!! That worked perfectly. Is there anyway to move the list a little to the left on mobile too? Much appreciated!!

Site URL: https://lobster-ray-g42d.squarespace.com/sandalwood-oils/ Hi There I would like to reduce the spacing between the items in my accordion Code Block on https://lobster-ray-g42d.squarespace.com/sandalwood-oils/ PW: youcanenter It looks nice and tight on the desktop version, but it is more spaced out on the mobile version. Is there a way to adjust that? Thank you! Louisa

thank you so much! That worked for me!

Site URL: https://lobster-ray-g42d.squarespace.com/certification Hi there - I have another question if I may: I have substituted my regular logo for an alternate version on my 'Certification' page by inserting it in the advanced code of the page settings using the URL from my custom files. For my regular logo I made it larger in the Mobile header using this code: @media screen and (max-width:640px) { .header-title-logo img { max-height: 120px; transform: translateY(20%); } } How do I do the same for alternative logo? It has the same dimensions, but is a colour version instead of white. Thank you so much! PW: youcanenter

Oh my gosh! Thank you so much, that worked perfectly!!

Thank you! Password is: youcanenter https://lobster-ray-g42d.squarespace.com/who-we-are it is in the WHO WE ARE section

Site URL: https://lobster-ray-g42d.squarespace.com/who-we-are Hello! I am trying, without success, to change the title font (which is the names of the people) in the carousel. Does anyone have any code to help me with this? This is what I tried: .user-items-list-title { font-family: 'BreweryProLight' !important; font-size: 25px !important; letter-spacing: 4px; } Thank you!