Jump to content

Squarespace Tabs (CSS) - align center

Recommended Posts

Site URL: https://studiocote.co

I have a tabs plugin on my site, but I want to center the tab items, so they sit in the middle of the page. They currently sit on the left. This is the CSS code used in the header:

<style type="text/css">
.sqpl-tab-button{cursor:pointer;display:inline-block;border-bottom:0px solid black;padding:.5em 2em;margin:0;text-align:center;color:#888;position:relative;z-index:3}.sqpl-tab-button:hover{border-bottom:0px solid #000;color:#000}.sqpl-active-tab{border-bottom:0px solid #000;color:#000}.sqpl-tab-content{border-top:0px solid #d4d4d4;z-index:1}.sqpl-tab-controls{margin-bottom:-2px;z-index:2}.sqpl-tab{pointer-events:none;}.clickability{pointer-events:auto !important;};


Can someone help me align the tabs? It's on https://studiocote.co

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.