WordPress.org

Forums

Ward
[resolved] Replace Jumbotron text with an image (9 posts)

  1. CoolFede
    Member
    Posted 10 months ago #

    Hello,

    Does anyone know a way to change the Jumbotron text from being just text to showing a logo only?

    Thanks,
    Federico.

  2. JenniferNangle
    Member
    Posted 10 months ago #

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

    Thanks!

    Jennifer

  3. CoolFede
    Member
    Posted 10 months ago #

    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.

  4. rlbyrd
    Member
    Posted 10 months ago #

    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.

  5. CoolFede
    Member
    Posted 10 months ago #

    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!

  6. vavtaneja
    Member
    Posted 10 months ago #


  7. rlbyrd
    Member
    Posted 10 months ago #

    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.

  8. autophobos
    Member
    Posted 10 months ago #

    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.

  9. CoolFede
    Member
    Posted 10 months ago #

    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!

Reply

You must log in to post.

About this Theme

About this Topic