WordPress.org

Ready to get started?Download WordPress

Forums

Gallery to Slideshow
[resolved] Weird pixel in top left corner (8 posts)

  1. TanjaMLaden
    Member
    Posted 2 years ago #

    There is a weird pixel-type black spot in my slideshow. Not sure why it's there or how to get rid of it. Any suggestions?

    (You can see it on my site here, here, and here.)

    Any suggestions on how to get rid of this would be superb. It's my favorite gallery plugin. Thanks!

    http://wordpress.org/extend/plugins/gallery-to-slideshow/

  2. Matt
    Member
    Plugin Author

    Posted 2 years ago #

    Hi TanjaMLaden,

    Seems it is a list bullet inherited from your theme's CSS .postarea ul li. Considering adding:

    .postarea .slides li { list-style:none };

    Kind Regards!

  3. TanjaMLaden
    Member
    Posted 2 years ago #

    Thank you! I did the following, and it worked:

    REPLACED:

    .postarea ul li {
    background: none;
    padding: 0px 0px 0px 10px;
    margin: 5px 0px 5px 0px;
    }

    WITH:

    .postarea ul li { list-style:none };

  4. Matt
    Member
    Plugin Author

    Posted 2 years ago #

    Hi TanjaMLaden,

    Glad to hear that :)

    Kind Regards!

  5. efichtl
    Member
    Posted 2 years ago #

    Hi Matt,
    I'm encountering the same issue, with the bullet displaying in the top left corner of the slideshow. I've tried adding the CSS code you and Tanja mentioned, but it doesn't work. I'm doing this on a dev server before shifting to live site, so I can't include a link, unfortunately.

    Is there any other trick you've found that would remove the bullet (and without altering the bullet styles for actual text!)?

    Many thanks for your support,
    Eric

  6. Matt
    Member
    Plugin Author

    Posted 2 years ago #

    Hi efichtl,

    If that doesn't work try adding this to your CSS file:

    .slides ul li { list-style:none ! important };

    Kind Regards!

  7. erockstar
    Member
    Posted 1 year ago #

    Hi, I use Headway Themes to build sites by creating our own child themes. I tried using these solutions previously posted here, but none of them worked for me.

    But I did discover the solution by placing this into the child theme CSS:

    body.custom div.gallery-to-slideshow-wrapper div.gallery-to-slideshow ul.slides li {
    list-style: none outside none;
    }

    This allows my to specifically call out the slides and not affect any other un-ordered list items on any other pages on the site. Hope this helps someone!

  8. JestersTear
    Member
    Posted 1 year ago #

    My husband's blog uses the Genesis framework, and so to fix this without impacting other post lists I added the following to his child theme's css:

    .gallery-to-slideshow .slides > li {
    	list-style: none;
    	margin: 0px;
    }

    Just putting it here in case it helps someone else!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic