Replace Jumbotron text with an image

Frederico – Hi..I am looking for the same answer. Did you happen to get one? I’d love to know!

Thanks!

Jennifer

Hi Jennifer,

I did not get any answer yet.
And I’ve not had the time to put too much personal effort into analysing this to see if I could come up with a way to carry this out.

I’ll of course let you know about any news I have on this.

It seems, unfortunately, that there’s not much support for this theme at least in its free version.

Regards.

Well, I did this, although my method was somewhat Neanderthalish.

Along about line 6500 (!!) in style.css, you’ll see this:

.icon-off:before {
  content: "\f021";
}

I changed mine to this…

.icon-off:before {
/*  content: "\f021"; */
  content:url(/images/v.png);
}

I created an image with a transparent background that was 100px wide and 70px high, and put my graphic in there.

Hi ribyrd,

I have used your code in my site to update the “power button” image in the middle.
Now I have a different one.
But this is for the middle little image.
You can see it here: PM Hunting

Were you able to make you image here take the main space instead of the Jumbotron text?

Like I said, I’m not really putting too much effort on this lately so any help is greatly appreciated.

Thanks for your response!

Were you able to make you image here take the main space instead of the Jumbotron text?

Do you mean “replace the large text headline with a graphic?” If so, yes, that’s doable.

Use this instead of text in the Jumbo headline.
<img src="LOLS" alt="some_text">

Replace the LOLS in the code to the url in of your logo.

Hi autophobos!

Amazing!
Your trick worked perfectly. ??

Exactly like you said:

<img src=”LOLS” alt=”some_text”>

Simple, easy, fast… I’m still hitting my head for not trying this before.

Hope this helps everyone here!

Thanks!