Ticket: #218339 Status: OPEN Average Speed: 4.4 Minutes
public

Note: All average response time from this ticket will also be acquired by this person.

Cancel

“Choose hero element”

  • Frederik Lightmann

    Hi,

    i have wirten on TF forum my isse about hero element, what i want is are "Image" hero elemnt but with big text in center like on "text" hero element... is that possible, or slider with bigger text in center like on text hero element?

    THANKS!!

    Great theme!!


    5:25 on May 21, 2014

  • Ruben

    Hi

    This is not possible out of the box, but you can do some tricks in order to achieve this. While i can't offer help for a slider, i can show you how to use an image with your own HTML text.

    First, create the page and set the hero header to html.

    Second, paste this custom code into the html area for the hero element:

    <img src="http://yourwebsite.com/image.jpg" style="position: absolute; top: 0px; left: 0px; z-index: 99;">
    <div style="position: relative; z-index: 100;"><h1>I'm a title!</h1><h2>And i'm a subtitle!</h2></div>

    There are a few things above:

    • You need to replace http://yourwebsite.com/image.jpg with an absolute URL to an image from your server. This will be the background.
    • Inside the div elementyou'll put all of your custom HTML elements. We're talking about headings or simple text.

    This is a starting point, experiment to see what can be done with this.

    Regards,
    Ruben.

    5:25 on May 21, 2014

  • Frederik Lightmann

    Hi Ruben,

    it works fine for me, the only thing is, i get a big space on bottom (i using big image), how can i set it to cover that i get the full hight?

    THANKS!!!!


    5:25 on May 21, 2014

  • Ruben

    Send a link Frederik.

    5:25 on May 21, 2014

  • Frederik Lightmann

    or 100% hight like on image hero element ?


    5:25 on May 21, 2014

  • Frederik Lightmann

    I'm working localy :-(

    5:25 on May 21, 2014

  • Ruben

    What's your image size?

    5:25 on May 21, 2014

  • Frederik Lightmann

    604x975


    5:25 on May 21, 2014

  • Frederik Lightmann

    1604


    5:25 on May 21, 2014

  • Ruben

    I've tested with an image of these exact dimensions and get absolutely no blank space, so i'm sorry, but i cannot reproduce the error. If you upload what you're working on and provide a live link i might be able to give further assistance.

    5:25 on May 21, 2014

  • Frederik Lightmann

    Ok, i will upload it later and put the link here..

    Anyway, thanks for helping me!!!!

    5:25 on May 21, 2014

  • Ruben

    You're welcome. If you enjoy the theme, please don't forget to give it a rating on ThemeForest, via your downloads page! :) 

    And if you have any other issues, don't hesitate to post them.

    5:25 on May 21, 2014

Updating...