Trying to adjust font on cover page

Hi,

I'm trying to make my font more legible on my cover page for the navigation section. "Enter" is the text I'm looking to adjust, maybe similar to my brand logo with a transparent box behind it so that it is more visible against the images.  

Here is the site link.  https://www.gregoryreidphoto.com/home-1

Thank you!!

1 hour ago, GregR said:

Hi,

 

I'm trying to make my font more legible on my cover page for the navigation section. "Enter" is the text I'm looking to adjust, maybe similar to my brand logo with a transparent box behind it so that it is more visible against the images.  

 

Here is the site link.  https://www.gregoryreidphoto.com/home-1

 

Thank you!!

Hi, if you're looking for something like this, add the code below to custom css

.sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="buttons"] li, .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] li, .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="sso-options"] li {
  background: rgba(226, 226, 226, .8);
}

.sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] ul li a {
  color:#000;
}

.sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] ul li a {
  padding-left: 0.3em!important;
  padding-right: 0.1em!important;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

Hi @Jia,

This is exactly what Im looking for thank you! For some reason when I add this to the custom css it doesnt seem to make any changes. Any thoughts?

Thank you!

Greg

Hi Jia, 

Just wanted to check back in and see if you had a solution. Thank you!!

Custom CSS won't run on Cover Page. You need to use this code to Cover Page Header Code Injection

<style>
  .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="buttons"] li, .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] li, .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="sso-options"] li {
  background: rgba(226, 226, 226, .8);
}

.sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] ul li a {
  color:#000;
}

.sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] ul li a {
  padding-left: 0.3em!important;
  padding-right: 0.1em!important;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
</style>