Support » Theme: Ward » Replace Jumbotron text with an image

Viewing 8 replies - 1 through 8 (of 8 total)
  • JenniferNangle

    (@jennifernangle)

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

    Thanks!

    Jennifer

    CoolFede

    (@coolfede)

    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.

    rlbyrd

    (@rlbyrd)

    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.

    CoolFede

    (@coolfede)

    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!

    vavtaneja

    (@vavtaneja)

    rlbyrd

    (@rlbyrd)

    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.

    autophobos

    (@autophobos)

    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.

    CoolFede

    (@coolfede)

    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!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Replace Jumbotron text with an image’ is closed to new replies.