[Resolved] How to drop shadow from page title in header?

[Andrzej]

I have page title as text – but i will need different backgrounds, so i need some light between page background and page title in header.
Can I add ie. white shadow to page title text?

[Leo]

Hi there,

Give this CSS a shot:

#generate-section-1.generate-sections-container {
    margin-top: 10px;
    margin-bottom: 10px;
}
#generate-section-1 h1 {
    text-shadow: 2px 2px 2px #CE5937;
}

You can use this website to tweak the shadow:
https://html-css-js.com/css/generator/text-shadow/

Let me know if this helps 🙂

[Andrzej]

I need shadow on my page where the title text is – “xxxx – Strona Oficjalna/Official Page”

[Leo]

Which page are you referring to?

I keyword searched “Strona Oficjalna/Official Page” on the linked page but no results came up.

[Andrzej]

On the main page http://i2proto.com/
There is a logo (colored orange) and main site name – xxxx – Strona Oficjalna/Official Page” – i need shadow on page title

[Leo]

Ahh you are talking about the site title itself?

Try this:

.main-title {
    text-shadow: 2px 2px 2px #FF0000;
}

[Andrzej]

Yep, it works, thanks!!! 😀

[Leo]

No problem 🙂

[Author]

Posts