How to modify opacity and image border size

  • robertmaran

    (@robertmaran)


    4 years ago

    Hi any simple way to add some code to change the opacity of wp-featherlight background and adjust so images are larger and don’t have margin on the sides, i.e. image fits the width of the screen? How would i add this code to my Avada theme? thanks!

Viewing 1 replies (of 1 total)
  • thorirv

    (@thorirv)

    Don’t know your theme and can’t say about the margins but as for the background this works for me (here set to white, just barely transparent):

    .featherlight:last-of-type {
    background: rgba(255,255,255.95);
}

    When setting the background to white the navigation icons become invisible, a remedy for that can be:

    .featherlight-next,
.featherlight-previous,
.featherlight .featherlight-close-icon {
	background-color: #ccc;
}

    The css code is added to Customize —> Additional CSS, not sure if that may be different in your theme.

    • This reply was modified 4 years ago by thorirv.
Viewing 1 replies (of 1 total)
  • The topic ‘How to modify opacity and image border size’ is closed to new replies.