Adding gradient linear on feature images on front-page

[sindreolsson]

I need help adding gradient-linear on front-pages feature images like this one: https://preview.arraythemes.com/candid/ or this: theultralinx.com. I am using theme NoSidebar. I dont understand what I find on internet about this but if someone can spesific this to the theme NoSidebar I will understand.

[William]

Hi there,

It's called an "image overlay" or "background image overlay". A quick search on Google will return plenty of tutorials and examples!

Either way, you need to add some CSS to your stylesheet!

🙂

---

Genesis Customization Service | Quick fixes whenever you need them ! | Contact me at Fixmysite.com !

[sindreolsson]

I still dont understand how to add that html on my theme?

[William]

you don't need any HTML 🙂 Only CSS !

---

Genesis Customization Service | Quick fixes whenever you need them ! | Contact me at Fixmysite.com !

[sindreolsson]

Oh, I find some good tutorials but dont understand what I should call that function in css on No sidebar theme? Do you see?

[sindreolsson]

Sorry to write in my old thread but I look at the tutorials and it seems to that I need to create a div called overlay and then add css. Is there and easier way to do this? I need a linear gradient just like theultralinx.com to my theme: Nosidebar by studiopress.

[sindreolsson]

Can you pleas tell me what I should add this feature only with css? Looks like I need something more when I look at tutorials. It would be very nice of you if you can tell me spesific how to target this the right way.

[Author]

Posts