Jump to content

Modified Links in Cover page (using CSS code) are not displayed as Buttons in visitor's screen

Recommended Posts

Site URL: https://breathe-move-connect.com/

I'd like to add a THIRD BUTTON in the initial COVER PAGE of my website (landing page). Since the standard customization does not provide me with this opportunity (it only allows 2 buttons), I created the 3 buttons as links in the standard customization and I put Custom CSS (in 'Design' page). The 3 links work normally, however they are not displayed as buttons on the screen but as links (When I press ‘save’ in my Cover page, I see them as buttons, but as a visitor I see them as links). Can anyone help me on this? Thank you!

The CSS code I used is:

.sqs-slice-navigation-content li {
  border-radius:50px;
  margin:20px;
  padding: 5px 19px 5px 19px;
  border:solid 2px #ffffff;
}

Cover Page in construction mode.png

Cover Page in visitor mode.png

Link to comment
  • Replies 2
  • Views 638
  • Created
  • Last Reply

Hi. Custom CSS can't affect to Cover Page. Add this code to Cover Page Header

<style>
  .sqs-slice-navigation-content li {
  border-radius:50px;
  margin:20px;
  padding: 5px 19px 5px 19px;
  border:solid 2px #ffffff;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.