Div with dynamic background img and text on top

HTML & CSS
1

Hello.

*Disclosure–I’m really not that knowledgeable with css so any help on this is much appreciated.

I’m trying to get this effect (see attached jpg) as my masthead on pages within my Virb site http://thatguy.virb.com/featured

However, the page description is dynamically changed using Virb’s admin and I don’t know where to begin to change the description CSS to get it to look like this.

2

Hi Persistent1. Welcome to the forums. :slight_smile:

If you have access to the CSS rules, try adding in something like this:


h1 {
  position: absolute; 
  color: white; 
  padding: 100px 150px; 
  border: 3px solid white; 
  left: 60px; 
  top: 60px;
  font-weight: normal;
}
3

Hi ralph.m. Thanks!

This styles the heading text, but how do I get it to go over the image?

4

Have you tried the code? It should sit over the top of the image, as in your screen shot. :slight_smile:

5

Yes. And it threw off the other h1 on the site. I setup a custom class for it and now it looks great http://thatguy.virb.com/featured#

Thanks so much!

6

Great. I’m sorry I didn’t provide a way to stop that happening on other pages, but glad you figured it out. That’s more satisfying anyway! :slight_smile:

7

No worries. Thanks again!