CSS Code for Cover Page Link Alignment

Site URL: https://simonpineda.com

Hello –– working on a cover to act as a landing page that links to three or four content pages. When I set it up, the links default to a single row, but I'd like them to be stacked vertically and centered. Can anyone explain how I can make this happen or provide the necessary CSS? Thank you!

@stpineda Can you share your site password while it's private?

@CassAggett defacto

@stpineda Give this a try:

// VERTICAL ALIGN COVER PAGE LINKS
.sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] li {
  display: block;
}

.sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] ul li:first-of-type a {
  padding-left: 0.6em;
}

.sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] ul li:last-of-type a {
  padding-right: 0.6em;
}

Which looks like this: