Ziggy

It looks like you have a closing } too early, try this as a replacement for all that code: /* Landing page spaces photo preview summary arrows */ div#block-yui_3_17_2_1_1648549152222_22108 { .sqs-gallery-controls .next { position: absolute !important; top: 35% !important; transform: translateY(100%); font-size: 30px !important; right: -100px !important; overflow: visible; } .sqs-gallery-controls .previous { position: absolute !important; top: 35% !important; transform: translateY(100%); font-size: 30px !important; left: -100px !important; overflow: visible; } .summary-carousel-pager .sqs-gallery-controls { overflow: visible; } .sqs-gallery-controls .previous { right: unset !important; left: 20px !important; color: white; background-color: rgba(255, 255, 255,.5) } .sqs-gallery-controls .next { right: 10px !important; color: #fff; background-color: rgba(255, 255, 255,.5) } .sqs-gallery-controls .next:before { font-size: 100px; color: #fff; } .sqs-gallery-controls .previous:before { font-size: 100px; color: #fff; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-size: 50px; width: 50px; height: 5px; line-height: 5px; color: #fff; } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: bold; -webkit-font-smoothing: antialiased; content: "\E02C"; text-align: center; display: inline-block; vertical-align: middle; color: #fff!important; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-size: 50px; width: 50px; height: 5px; line-height: 5px; color: #fff; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: bold; -webkit-font-smoothing: antialiased; content: "\E02D"; text-align: center; display: inline-block; vertical-align: middle; } } /* Landing page setiing summary arrows */ div#block-yui_3_17_2_1_1649142326010_3915 { .sqs-gallery-controls .next { position: absolute !important; top: 45%!important; transform: translateY(-50%); font-size: 30px !important; right: 100px !important; color: white; } .sqs-gallery-controls .previous { position: absolute !important; top: 45%!important; transform: translateY(-50%); font-size: 30px !important; right: 100px !important; color: white; } //left arrow// .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: bold; -webkit-font-smoothing: antialiased; content: "\E02C"; text-align: center; display: inline-block; vertical-align: middle; color: #fff; } //right arrow// .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: bold; -webkit-font-smoothing: antialiased; content: "\E02D"; text-align: center; display: inline-block; vertical-align: middle; } .sqs-gallery-controls .previous { right: unset !important; left: 20px !important; color:#fff; } .sqs-gallery-controls .next { right: 50px !important; color: #fff; } .sqs-gallery-controls .next:before { font-size: 80px; color:#fff; } .sqs-gallery-controls .previous:before { font-size: 80px; } } Let me know if that worked.

Your homepage dives straight into your packages, which is great if you've got an easy sell, but if you're having trouble converting website visitors into sales, then you may want to consider if you could be doing more to educate people landing on your website. Setting yourself out as an expert and convincing people on why their money is best spent on you rather than someone else should hopefully have a positive impact. Give people a justification for buying from you before you offer your products. For me, your business is about you first, so that's what I would want to see first. I hope that helps!

It looks like you have a fixed height set on this element, highlighted yellow: The fixed height 720px is also on the SVG element, can you adjust that in the embed?

Overall you have a nice website, it's very clean and sophisticated, with lovely illustrations! I would say that you are quite content light, especially on the homepage, which doesn't tend to be ideal for SEO or for someone want to learn about why they should hire you. If I was nit-picking, I you say that it would be nice if the white circles on hover were always circular (on wider screens they get stretched).

A new website and a new domain will have a rock-bottom SEO ranking / domain authority. What's your website URL and what searches is it not showing up in? Have you gone through your website completing all of the SEO?

Interesting question! What code did you use to force the mobile menu on desktop?

Can you share the website URL, page, and password (if applicable) where you're having this problem? Thanks!

Can you share the website URL, page, and password (if applicable) where you're having this problem? Thanks!

Keeping the middle one blue is going to be rather difficult, the items are a list and they don't change class as you scroll though, that means there isn't a way to define in CSS which item is in the "middle" at any point in time. Sorry I don't have an answer for you.

It looks like you want exactly his button, why not use the code provided by Ghost Plugins: https://www.ghostplugins.com/steps/go-arrow-button-style

Can you share your website URL? (I realise that you entered it when you posted the question, but it doesn't come through where I can see it) @Sarah_SQSP Can the website entered be included in the post?

Try adding this to your Custom CSS: .gallery-masonry[data-width="full"] { padding: 3vw; } Let me know if that works.

Very interesting, but I don't see the space underneath the map, it stretches to fill the space when I look at it.

Not sure I fully understand that request, can you expand on that?

Not sure I fully understand that request, can you expand on that?

Happy to help you look into this. Can you share you website URL and site wide password?

Ca you share your website URL, page and password? Thanks!

Happy to have a look at this for you. Can you share the URL and page that this is occurring on? Thanks!

The easiest way is to use rgba instead of #hex. Replace this: background: #000000; With this: background: rbga(0, 0, 0, 0.5); (the 0.5 at the end is the opacity of the colour)

Glad that my comments helps you work through the organization, reach out if you have any other questions in the future.

Excellent! Glad that's looking how you want it now!

No problem, glad I could help!

This is the problem, it contains everything from one H4 until the next H4. It's not been designed to have other titles in between, and I'm afraid I don't have an easy solution to change this. The only thing you could do is add the category as another H4 without anything after it, and then maybe make them bold? If you made them bold and italic you may be able to use that to target the category H4s.

Yes, of course: .item-pagination-title { font-family: 'Ayer Medium' !important; }

Hi @hopekub I think you're referring to these, correct? If so this is the CSS you would need: .blog-basic-grid .blog-title { font-family: 'Ayer Medium' !important; } Hope that helps!