Header text blur/shadow

  • Resolved Roland Rolson

    (@rolandrolson)


    1 year, 6 months ago

    What custom CSS code would I need to add some blur or a shadow to the header text (site title/tagline)?

    Thanx!

    The page I need help with: [log in to see the link]

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

  • Hi @rolandrolson

    Please navigate to Dashboard > Appearance > Customize > Additional CSS section add the following snippet:

    .header-logo, .site-description {
    filter: blur(2px);
    }
    .header-logo, .site-description {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
    }

    Kind Regards

    Thread Starter Roland Rolson

    (@rolandrolson)

    Thank you, it works perfectly.

    Feel free to contact us at any time, we are more than happy to help.

    Kind Regards

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Header text blur/shadow’ is closed to new replies.