New Landing › How can we help? › Themeforest Theme Support › Flexform › How to create a transparent image on revolution slider like this one?

Viewing 14 posts - 1 through 14 (of 14 total)
  • Back to forum
    Posted in: Flexform
  • August 30, 2014 at 3:49 am #105450
    Diana
    Member
    Post count: 31

    Hi there,

    I saw a very nice Flexform built site http://www.forestnation.com. He has a really nice looking slider at the top of his site with an opaque text box. Is there a plug in to make a slider look like that? I found his site under the “showcase” link pinned to the top. Could you advise me as to how to make my slider look like that. PS – I am not a coder and have never touched the backend of the site (CSS/HTML) so detailed, easy instructions if possible…

    Thanks so much! Cheers, Di

    My site is this one: http://www.dianahancock.com

    Attachments:
    You must be logged in to view attached files.
    September 1, 2014 at 8:38 am #105659
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    He’s used an image for the transparent background: http://forestnation.com/wp-content/uploads/2013/06/Transparent-background-2-940.png

    Which means he’s just uploaded the image as a layer and put his text on top

    – Kyle

    September 1, 2014 at 10:00 am #105691
    laranz – SUPPORT
    Member
    Post count: 3186

    Hi,

    Add a transparent image in a new Layer in to the slide, that did the trick. He add an transparent image like this http://forestnation.com/wp-content/uploads/2013/06/Transparent-background-2-940.png and then align the text and person photo above it. Hope this helps.

    For example, like this http://take.ms/MrHQ0

    Let us know,

    Thanks,
    laranz.

    September 1, 2014 at 10:01 am #105692
    laranz – SUPPORT
    Member
    Post count: 3186

    Hi,

    Sorry for the double post, kyle did it before me. Thanks Kyle.

    Thanks,
    laranz.

    September 2, 2014 at 1:11 am #106023
    Diana
    Member
    Post count: 31

    Thank you, guys! Brilliant – worked like a charm! 🙂 🙂 🙂 Cheers, Diana

    September 2, 2014 at 2:12 am #106044
    laranz – SUPPORT
    Member
    Post count: 3186

    Hi,

    Glad it works 🙂

    Let us know, if you have any other questions.

    Thanks,
    laranz.

    September 2, 2014 at 5:09 am #106086
    Diana
    Member
    Post count: 31

    Hey Laranz,

    Different topic but just a quick one? This shortcode [/one_half] works great on other pages but can you see anything that would be screwing it up one this one? I tried a million things and it doesn’t render properly. So frustrating. I attached the additional CSS that the first web designer I hired added to the site. I am trying as a non designer to fix it myself.

    Thanks so much! Di

    Attachments:
    You must be logged in to view attached files.
    September 2, 2014 at 8:16 am #106132
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    You have a random opening div below the top paragraph and also a random closing div below the bottom paragraph. Try remove these

    – Kyle

    September 2, 2014 at 9:01 am #106154
    Diana
    Member
    Post count: 31

    Totally almost fixed … except now this?

    Attachments:
    You must be logged in to view attached files.
    September 2, 2014 at 9:10 am #106161
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    That’s because your heading is within the first one_half

    – Kyle

    September 2, 2014 at 9:14 am #106165
    Diana
    Member
    Post count: 31

    Not a coder, Kyle. Just a person trying to fix a website, lol. Can you spell out what I need to do to fix this? :} di :)))

    September 2, 2014 at 9:17 am #106168
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    You see where you have the [one_half] shortcode at the top and then a <h3> and a <div class="clear"> You need to put them above the [one_half] shortcode

    – Kyle

    September 2, 2014 at 9:20 am #106169
    Diana
    Member
    Post count: 31

    KYLE – AWESOME, Works great!!! 🙂 Most appreciated! 🙂 Di

    Attachments:
    You must be logged in to view attached files.
    September 2, 2014 at 9:25 am #106178
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem 🙂

    – Kyle

  • Back to forum
    Posted in: Flexform
Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register