Search in:
Suggested Search: installation, configuration
Search in:
Suggested Search: installation, configuration

Blurring page overlay / background content

Home › Forums › Blurring page overlay / background content

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 11, 2019 at 5:40 pm #66652
    Ben MoffatBen

    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’?

    September 12, 2019 at 9:55 am #69120
    Kriti SharmaKriti Sharma
    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

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Blurring page overlay / background content’ is closed to new replies.