WordPress.org

Forums

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

  1. CoolFede
    Member
    Posted 1 year 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 1 year 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 1 year 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 12 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 12 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 12 months ago #


  7. rlbyrd
    Member
    Posted 12 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 12 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 12 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!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic