Carousel showing bulletpoints

  • Resolved smiledentist28

    (@smiledentist28)


    1 year, 3 months ago

    Hi,

    Firstly – love the plugin!

    I am using the carousel shortcode to display 10 scrolling reviews. I have a couple of problems I would like help with pls:

    1. The circular icons for the carousel show the theme’s “bulletpoint” character. Is there some way to remove this please?
    2. Seperately, should the carousel auto scroll? It doesn’t seem to for this page.

    Thanks

    The page I need help with: [log in to see the link]

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

    (@designextreme)

    @smiledentist28 Can you share the URL (edit the question)? This will be helpful. Thanks!

    Thread Starter smiledentist28

    (@smiledentist28)

    Sorry, the page is currently passsord protected (staging), but here is a screenshot:

    https://i.imgur.com/sDYYMED.png

    My shortcode:

    [reviews_rating theme=”light” attribution=false summary=”false” limit=10 view=1 excerpt=1600 loop=true interval=7]

    I can remove the bulletpoints by adding in “bullet=false”, but then the user can’t manually select.

    Thanks

    Plugin Author Design Extreme

    (@designextreme)

    @smiledentist28 It looks like external list styling is being applied here. If you press F12 or right click and inspect the element, the styling will be reveled and you can add something into the Custom Styles (or similar) to override the theme or another plugin.

    Thread Starter smiledentist28

    (@smiledentist28)

    Is it this that is the relevant bit, or something more specific to the theme?

    <ul class="navigation">		<li class="bullet"><a href="#google-business-reviews-rating-2" data-slide="1">●</a></li>		<li class="bullet"><a href="#google-business-reviews-rating-2" data-slide="2">●</a></li>		<li class="bullet"><a href="#google-business-reviews-rating-2" data-slide="3">●</a></li>		<li class="bullet current"><a href="#google-business-reviews-rating-2" data-slide="4">●</a></li>		<li class="bullet"><a href="#google-business-reviews-rating-2" data-slide="5">●</a></li>		<li class="bullet"><a href="#google-business-reviews-rating-2" data-slide="6">●</a></li>		<li class="bullet"><a href="#google-business-reviews-rating-2" data-slide="7">●</a></li>		<li class="bullet"><a href="#google-business-reviews-rating-2" data-slide="8">●</a></li>		<li class="bullet"><a href="#google-business-reviews-rating-2" data-slide="9">●</a></li>		<li class="bullet"><a href="#google-business-reviews-rating-2" data-slide="10">●</a></li>	</ul>

    Can you please confirm what to add to custom theme to remove it without impacting bullets outside of the review panel?

    If I can PM in some way, can share link if helpful.

    Thanks

    Plugin Author Design Extreme

    (@designextreme)

    @smiledentist28 I can assist further with the CSS in view. The HTML here is the same as the standard HTML output and doesn’t offer any new insight.

    I think this a suitable time to suggest a direct support request through the Design Extreme website.

    If there is anything relevant to a wider audience, I will share this as a subsequent reply.

    Thread Starter smiledentist28

    (@smiledentist28)

    Thanks, posteed a ticket through direct support.

    Cheers

    Plugin Author Design Extreme

    (@designextreme)

    @smiledentist28?This is something introduced by your theme or a custom style sheet that alters all lists on your website.

    Here is the CSS that you need to add:

    .gmbrr ul li:before {
????? display: none;
}

    This could apply to other websites with an unexpected symbol just before (or after) the bullet point symbol.

    Thread Starter smiledentist28

    (@smiledentist28)

    That sorted it, thank you!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Carousel showing bulletpoints’ is closed to new replies.