Center Text Vertically within HTML Code Block

KyleKeigan · December 15, 2023

Hi all!

I'm wondering if someone could help me figure out how to center the type vertically within the animated radial gradient on the home page of this site. The code I referenced for this allows me to add a top margin but when the browser size is adjusted the type isn't responsive and centered. Thank you!

-Kyle

KyleKeigan · December 15, 2023

@tuanphan you're always fantastic help, if you have any ideas I'd be forever grateful!

tuanphan · December 17, 2023

Can you share link to home page?

KyleKeigan · December 17, 2023

@tuanphan apologies, here: https://sunfish-turbot-cxel.squarespace.com/

Thank you!

tuanphan · December 19, 2023

Add this to Website Tools (under Not Linked) > Custom CSS

#gradient h5 {
    margin: 0 !important;
}
#gradient {
    display: flex;
    align-items: center;
    justify-content: center;
}

KyleKeigan · December 21, 2023

@tuanphan lifesaver as always, thank you!!!

Center Text Vertically within HTML Code Block

Recommended Posts

KyleKeigan

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

KyleKeigan

Posted Images

KyleKeigan

Link to comment

tuanphan

Link to comment

KyleKeigan

Link to comment

tuanphan

Link to comment

KyleKeigan

Link to comment

Create an account or sign in to comment

News

KyleKeigan

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources