How to get blocks to align?

Site URL: https://koi-moose-nw8a.squarespace.com/

Hi! Can anyone help me get the three image blocks (green circles) on this page to align?

https://koi-moose-nw8a.squarespace.com/screening-services

Site password is: IWPCAPITAL

TIA!!

On 7/5/2021 at 10:34 PM, Celeste_Woodside said:

Site URL: https://koi-moose-nw8a.squarespace.com/

Hi! Can anyone help me get the three image blocks (green circles) on this page to align?

https://koi-moose-nw8a.squarespace.com/screening-services

Site password is: IWPCAPITAL

TIA!!

 

Add to Design > Custom CSS

/* Screening services icons */
@media screen and (min-width:768px) {
div#block-yui_3_17_2_1_1624654419639_3287+.row {
    display: flex;
    align-items: center;
}
}

I'm trying to do a couple of things in my site, firstly on my smaller mobile screen the menu cross doesn;t align to the far right of the image (See attached)?

Secondly, I can't get rid of the white block on the black page of my site (see attached)? The other page is white but I want this whole page to be the black.

On 8/7/2023 at 3:49 PM, maboli said:

I'm trying to do a couple of things in my site, firstly on my smaller mobile screen the menu cross doesn;t align to the far right of the image (See attached)?

Secondly, I can't get rid of the white block on the black page of my site (see attached)? The other page is white but I want this whole page to be the black.

The site is private. Can you setup an access password? We can access easier

https://forum.squarespace.com/topic/216243-how-to-setup-password-share-site-url/

https://vanilla-bell-2gmh.squarespace.com/

PW: studionhdev

Basically, I need to make a footer a different colour on the info page.

Secondly, the menu bar needs to align to the right, it looks fine on the desktop mobile (iPhone 12mini) view but when I view it on my phone it doesn't line up with the image below.

21 hours ago, maboli said:

https://vanilla-bell-2gmh.squarespace.com/

PW: studionhdev

Basically, I need to make a footer a different colour on the info page.

Secondly, the menu bar needs to align to the right, it looks fine on the desktop mobile (iPhone 12mini) view but when I view it on my phone it doesn't line up with the image below.

 

#1. Add to Design > Custom CSS (or Website > Website Tools > Custom CSS)

/* About Page - Footer background */
body#collection-64ccd813d8f9701a999d5555 footer.sections * {
    background-color: black !important;
}

#2. Add to Custom CSS

/* align burger - image */
@media screen and (max-width:767px) {
button.header-burger-btn.burger {
    padding-right: 0 !important;
}
.burger-box {
    margin-right: -5px;
}
}

Excellent, thank you!

Is there also a way of locking the content on the desktop views for all the pages, so it does scroll?

On 8/10/2023 at 2:55 PM, maboli said:

Is there also a way of locking the content on the desktop views for all the pages, so it does scroll?

Add to Custom CSS

@media screen and (min-width:992px) {
	body {
		overflow: hidden;
}
}

Great, thank you!

Do you have any recent code which will help me move the text underline when using the highlight tool, away from the base of the text a bit more than the standard, the code I found in the archive didn't seem to work.

It's the 'Services' heading line I want to move down.

I started this in a new conversation for this, but haven't had any useful responses as yet, so thought I'd put it on here?

On 9/28/2023 at 6:33 PM, maboli said:

Do you have any recent code which will help me move the text underline when using the highlight tool, away from the base of the text a bit more than the standard, the code I found in the archive didn't seem to work.

It's the 'Services' heading line I want to move down.

I started this in a new conversation for this, but haven't had any useful responses as yet, so thought I'd put it on here?

I don't know this, but I can help you create new underline (Same as current) with code, then we can use CSS code to add spacing

What do you think?

Thanks, yes let's try that.

Do you still need code to add underline?