Hello there! Welcome to Youjoomla Support Forums

We are Web Development Company specializing in Joomla Templates , Joomla Extensions and WordPress Themes development . You are not able to see some forum threads due to your memberhip level. To unlock all forums and special customer support please take few moments to signup . If you are just searching for free joomla templates , or free joomla extension support simply head to our Free Joomla Support forums and open a new thread. Our moderators will help you as soon as possible. To spead up the response time please take few seconds and go over forum rules

Have fun!

[SOLVED] Centering Tabs

04-11-2015, 04:20 PM
# 1 (permalink)
Slowlyjam
Hello

Please, how can I center a block of tabs on a page?

When I use the tabs the tab headings starts on the left.

How can I center them?

Thank you.

Are you sure your are posting in product assigned forum?: Yes

What is your CMS version?: Joomla 3.x

MySQL Version: 5.x

PHP version: 5.x

Link to installation: http://www.maroons-jamaica.com/q/

Have you edited any files? If yes tell us which ones.: No

Is this personal or client website?: Personal
04-13-2015, 08:22 AM
# 2 (permalink)
arefund
Hello Slowlyjam.
I can see that your tabs are already centered and your text is on the left. If you want to center the module title you can use this:
.yjnewspop .module_title{
text-align:center;
}
Kindness costs the least, but is worth the most!
04-13-2015, 11:03 AM
# 3 (permalink)
Slowlyjam
Sorry Arefund.

I mean when you use the tabs feature in the template manager.
04-14-2015, 05:03 AM
# 4 (permalink)
arefund
You can center them with the ID class you add in, for example if you added ID for the tabs to be slowlyjam then add this into your custom.css file:

.slowlyjam ul.yjsgsliderPaginationTabs{
display:table;
margin:0 auto;
}
Kindness costs the least, but is worth the most!
04-14-2015, 05:55 PM
# 5 (permalink)
Slowlyjam
Thank you very much Arefund.
04-17-2015, 07:49 PM
# 6 (permalink)
Slowlyjam
Hi Arefund,

Where do I put the ID class, please?
04-20-2015, 06:37 AM
# 7 (permalink)
arefund
You can add tab ID inside tab shortcode
http://prntscr.com/6vz19k
Kindness costs the least, but is worth the most!
04-20-2015, 11:53 AM
# 8 (permalink)
Slowlyjam
Thanks Arefund.

The tab shortcode form inside the template manager do not have the same options. No where to put tab ID.

Screenshot
04-20-2015, 01:25 PM
# 9 (permalink)
arefund
I was checking the module shortcode tabs not the admin panel tabs.
The class before the tabs need to be the holder that is holding your tabs.
Can you please provide the link where the tabs are and i will give you the right css for it.
Kindness costs the least, but is worth the most!
04-20-2015, 02:43 PM
# 10 (permalink)
Slowlyjam
Thanks Arefund.

It is here.
Thread Tools
Display Modes

Powered by vBulletin®
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

Members Login

Username
Password