Movement and Manipulation of Tabs

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author cubecolour

    (@numeeja)

    the plugin was not designed with this configuration in mind, but I believe this may be possible if you are proficient with css and replace the stylesheet with a set of custom styles as outlined in the plugin’s documentation.

    Thread Starter Montem_

    (@montem_)

    I have not found the way to move the tabs to the bottom yet, the location of the tabs does not seem to be defined in the CSS sheet and seems to be programmed into the JS program.

    Plugin Author cubecolour

    (@numeeja)

    To move the .responsive-tabs__list ul element below the content, try absolute positioning it with an appropriate offset value eg bottom: -10px – the actual value required will depend on the font styles applied to the element which will be inherited from the active theme.

    The enclosing element, .responsive-tabs div must have a value for the position property – eg position: relative; so that the ul’s position is fixed relative to that rather than the body element.

    Once the position of the ul is set, To center the tabs within the ul, you can try adding declarations to set the unordered list element’s width to 100% and the text-align to center.

    The tab borders will also need some tweakage to look correct when postioned below the content.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Movement and Manipulation of Tabs’ is closed to new replies.