Jump to content

Centering a tabbed element?


kwynne71

Recommended Posts

I am not a developer and this may be easy css code, but I haven't been able to figure out how to do it. I would like to created a tabbed element and have the tabs centered across the layout container horizontally. Is anyone willing to write an example of how to accomplish this for me? I would really appreciate it!
Link to comment
Share on other sites

  • 3 weeks later...

Try This...

 

Go to the Options of the page and edit the Head Code

 

Add the following CSS Code to the Single Page HEAD Code (You don't need to put it into the Cascading Head Code because the tabs only appear on the one page.)

 

<style>

.contentTabs{

display:flex;

justify-content:center;

}

</style>

 

No matter how many tabs you have, they should center.

 

Screen Shot 2017-03-16 at 9.45.34 PM.png 

Screen Shot 2017-03-16 at 9.46.10 PM.png 

Reply to this post if you have any issues or questions

359360347_ScreenShot2017-03-16at9_45_34PM.png.049fb74d1256deee653bdb5c2a7ff87d.png

2021060044_ScreenShot2017-03-16at9_46_10PM.png.9e6dbb91a923c47c0666af10762d198b.png

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...