• Resolved rpstorms

    (@rpstorms)


    Hi, I’m loving your plugin and even purchased the add-on customizer. My only issue which seems to be pretty easy is how to center the accordion titles.

    I have a 2 lined title and although I realize that your plugin wasn’t originally intended to do this, I read a previous post on how to possibly achieve this look and it worked.

    Now I just can’t seem to center both lines within the title. I seem to only be able to center 1 line of the title while the other line aligns to the left. Also I do not want to center the content within the accordion panel. Do you have any suggestions regarding this?

    https://wordpress.org/plugins/tabby-responsive-tabs/

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

    (@numeeja)

    Please provide a link to the page on your site where I can see your tabgroup

    Thread Starter rpstorms

    (@rpstorms)

    Unfortunately I can’t because I’m using local host, let me know if perhaps pictures can help

    Plugin Author cubecolour

    (@numeeja)

    I’m afraid a screenshot won’t help. Ideally I would need to see how you have the tabs set up currently and be able to investigate how they are affected by in-browser tools to tweak the output.

    Plugin Author cubecolour

    (@numeeja)

    I have added the following rule to the child theme’s stylesheet of a test site. The tabgroup has a <br> within one of the tab titles, and this enables all of the titles on the accordion to be centred including the one with the line break:

    @media (max-width: 767px) {
    	.responsive-tabs-wrapper .responsive-tabs__heading {
    		text-align: center;
    	}
    }

    Although this works on my test site, you *may* need to increase the specificity of the selector.

    Thread Starter rpstorms

    (@rpstorms)

    that worked perfect! thank you so much

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Center Accordion’ is closed to new replies.