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

    (@numeeja)

    There shouldn’t be any bullets on the tabs.

    Please post a link to the page on your site where you are using the plugin.

    Thread Starter jjenkins_wci

    (@jjenkins_wci)

    Thanks for looking.

    https://www.wyliecomm.com/catch-your-readers/

    This has something to do with an unordered-list. The bullets – arrows, in this case – go away if I switch them off in the site’s CSS.

    Plugin Author cubecolour

    (@numeeja)

    It is caused by the following CSS rules in your theme’s stylesheet:

    .postarea ul li {
    	background: url(images/arrow.gif) no-repeat top left;
    	padding: 0px 0px 0px 15px;
    	margin: 0px 0px 5px 0px; /* Originally 0 0 5 0 */
    	}

    You should be able to override this & improve the tab metrics & background colour with

    .postarea .responsive-tabs ul li {
    	background: none;
    	padding: 10px 10px 4px;
    }
    
    .postarea .responsive-tabs ul li.responsive-tabs__list__item--active,
    .postarea .responsive-tabs ul li.responsive-tabs__list__item--active:hover {
    	background: #fff;
    }

    As always with CSS customisations, it is recommended to add this to a child theme stylesheet or use a custom css plugin

    Thread Starter jjenkins_wci

    (@jjenkins_wci)

    Wonderful! I had tried the “ul li” earlier with no success. This combination does the trick. Many, many thanks. ??

    Plugin Author cubecolour

    (@numeeja)

    Great! Thanks for the donation.

    I’m having an issue with removing bullets from the tabs as well. I don’t find a similar ul li reference in my theme however. I also added the CSS as you supplied here to no affect. Additionally, I find that when I reduce the window of the browser to mobile device dimensions, the font changes in the tabs to a much larger one. Actually, that is exactly what I would like it to be in the desktop version. The CSS in the plugin looks identical for responsive and accordion, however, so I’m not understanding why it is changing.

    The first set of tabs on this page are using the Tabby Responsive Tabs plugin shortcodes. https://iwsbiz.net/resellexperts/marketing/

    Please advise. Thanks in advance.

    Plugin Author cubecolour

    (@numeeja)

    You should have started a new topic for this as this topic is already marked as resolved and your issue is not the same as the issue discussed and resolved here.

    These bullets are not being included by the plugin. This is most caused by your theme.

    You need to use a custom css for the plugin as described in the documentation and include this rule to override the one in your theme’s stylesheet:

    .responsive-tabs-wrapper ul>li:before {
       content:'';
    }

    I join many thanks to Yours effort. Have some similar problem, theme not allowing completely loading tabby.css and don’t have proper styling.
    page is https://develop027.comule.com/ right after menu

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to remove bullets’ is closed to new replies.