WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] opacity/grayscale for mobile/web devices (12 posts)

  1. miharbio
    Member
    Posted 1 year ago #

    Hello,

    Is there a quick way to remove all of the transparency/opacity/grayscale effect only for mobile/web devices.

    I enjoy the concept on my desktop, however, there is no "hovering" with a touch screen and so circles and the like remain quite invisible.

    Thanks!

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Sure, do you have a Child Theme or Custom CSS plugin?

  3. miharbio
    Member
    Posted 1 year ago #

    Indeed, I do!

    Thanks in advance!

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    It looks like the theme does this already. Can you link the site with the issue?

  5. miharbio
    Member
    Posted 1 year ago #

    http://www.solfulsouls.com/tag/love

    hm I am using an iPhone/iPad and I've recreated the issue with android os.

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    Which page elements still have the fade effects that you don't want?

  7. miharbio
    Member
    Posted 1 year ago #

    it seems only the circles are grayed... and so it's difficult to see the text...

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    In your Child Theme stylesheet/ Custom CSS option, add this;

    @media only screen and (max-device-width: 480px) {
     .hentry.no-thumbnail {
      background: #444;
     }
    }
  9. miharbio
    Member
    Posted 1 year ago #

    :/ alas, it did not work...

    I did notice though that the hover effect is rendered upon touching a circle, you can see it just before the new page loads...

  10. miharbio
    Member
    Posted 1 year ago #

    perhaps it would be easier to simply change the color only for webdevices?

  11. Andrew
    Forum Moderator
    Posted 1 year ago #

    Okay, where are you adding the CSS?

  12. miharbio
    Member
    Posted 1 year ago #

    Terribly sorry! The code does work... I'm not sure what I did the first time...

    Thanks again!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.