Tabby Responsive Tabs
[resolved] Tab Alignment to left not center (3 posts)

  1. saltydogfishingcharters
    Posted 2 years ago #

    Good Day,
    After spending too much time modifying the css sheet to get the results i have wanted this far have been successful outside of my incompetence to achieve the alignment of the tabs. They currently center on top of the panel. I want the leading left-border of the first tab to align with the left border of the content panel. I'm sure it is simple, i'm stuck. Thanks in advance, very happy thus far.


  2. saltydogfishingcharters
    Posted 2 years ago #

    Oh, almost forgot working example of said work is located here...

  3. cubecolour
    Plugin Author

    Posted 2 years ago #

    Your site is loading 20 css files including the tabby.css file so it is not easy to troubleshoot what is happening on your site.

    Customising the plugin's css without unhooking the original tabby.css file is not supported as stacking new rules on top of the original ones will cause problems when the plugin is updated if the deafult css is changed (this will happen in the next version).

    The placement of the first tab can be changed by a value given to padding-left for the .responsive-tabs .responsive-tabs__list element.

    If there is no padding-left for that element and adding padding-left: 0 has no effect, the default padding value for list items in your theme is overriding the tabby defaults, so you need to add precedence to the rules for the tabs one way to do this for your theme might be by adding .post-body before each rule in a customised version of the rules.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Tabby Responsive Tabs
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic