Blurring page overlay / background content

Home Forums Blurring page overlay / background content

This topic contains 1 reply, has 2 voices, and was last updated by Varun Kumar Varun Kumar 2 days, 23 hours ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #66652
    Ben Moffat
    Ben

    I’ve activated the ‘Page Overlay’ option for my menu.

    It’s nice, but what I’d really love to be able to do is blur out whatever is in the background, instead of just applying that white wash overlay.

    Is there a way that I’d be able to do this within ‘Custom CSS’?

    #69120
    Varun Kumar
    Varun Kumar
    Keymaster

    Hello,

    Hope you are well today and thanks for reaching out to ‘Responsive Menu Pro’ support.

    I read your query carefully and here is my response regarding the same.

    In the ‘Page Overlay’ section, when you enable the Overlay option. You can set the background overlay colour as per your requirements in the ‘colour’ field. You don’t need to write ‘custom css’ for this simple task.

    ‘Color’ field takes rgba() color values. An rgba() color value is specified with: rgba(red, green, blue, alpha). First 3 parameters define the intensity of colour and ranges between 0-255. The last value defines the opacity of colour and ranges between 0.0(fully transparent) – 1.0(fully opaque).

    For e.g. rgba(0,0,0,0) defines black color with full transparency.
    rgba(0,0,0,0.5) defines black color with medium transparency.
    rgba(0,0,0,1) defines black color with full opacity.

    You can tweak these settings for the desired results.

    Please let me know if this works for you. If you need any further assistance, please don’t hesitate to reach out.

    Kind regards,
    Varun Kumar

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.