Unable to remove Opacity

  • Resolved aeroomkar

    (@aeroomkar)


    9 years, 9 months ago

    Hi,

    I am using Origin theme on my website https://architecturefolio.com.

    Everything is working fine except that I am unable to remove opacity from the thumbnails and post images. I have changed the opacity to 1 in css and marked it important but something is overriding it. I have added following code to the child theme’s CSS file.

    a:hover img { opacity: 0.85 !important; }
}

    PS: Even changing the opacity value in the parent theme’s CSS file is not working. Please help me.

    regards

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

  • Hey there aeroomkar,

    Hope you’re well today!

    You should be able to achieve that with some custom CSS. Since you’re using the child theme you might want to try adding the following code there:

    .hentry .thumbnail {
  opacity: 1 !important;
}

    Normally I wouldn’t suggest the use of the !important declaration. However, it can sometimes be a necessary evil when over-writing existing styles. You can find more info on the use of important declaration here:

    https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#The_!important_exception

    Please let me know if this helps ??

    Cheers,
    Bojan

    Thread Starter aeroomkar

    (@aeroomkar)

    Hi,

    Thank you very much. It is perfectly working now. It removed the opacity from archive thumbnails. I have added the following code to remove opacity from post images as well.

    .hentry img, .entry-content img, .widget img{
  opacity: 1 !important;
}

    Once again thank you very much for quick solution.

    Regards

    Glad that helped ??

    Cheers,
    Bojan

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Unable to remove Opacity’ is closed to new replies.