• Forum
  • FAQ
  • Docs
Notice: In order to post a support question you have to have an account and be logged in.
Register  or  Login
  1. Hi

    I would like to use the Nivo slider in the homepage instead of the one already in place. How can I do that please ?

    Thank you !

    Goudy
    1 year ago
  2. Hi,
    you mean nivoslide shortcode?

    Thanks.

    Max
    1 year ago
  3. Yes. I want to replace the slider in the homepage with the nivoslide.

    Thank you.

    Goudy
    1 year ago
  4. See the capture to see which slider I need to replace with the nivoslide.

    Attachments

    1. homepage.jpeg (89.4 KB, 135 downloads) 1 year old
    Goudy
    1 year ago
  5. You would like to have it in the same position with background and those three images there?

    Max
    1 year ago
  6. Yes.

    Goudy
    1 year ago
  7. Hi,
    this can be done but you can't have a full width background. Your slider would look like in the attached image.

    Cheers,
    Max.

    Attachments

    1. nivoslider.png (982.1 KB, 137 downloads) 1 year old
    Max
    1 year ago
  8. Hello

    That works for me ! How can I do that ? Also, I don't wanna keep those little dots on the bottom right side of the slider. How can I get rid of it ?

    Thanks !

    Marc

    Attachments

    1. Capture_d’écran_2012-03-29_à_05.15.08.jpg (9.3 KB, 123 downloads) 1 year old
    Goudy
    1 year ago
  9. Hi,
    you need to use this code:

    <div class="header homepage" style="margin-top: -50px; padding: 20px;">
    [nivoslide width="920" height="330" effect="sliceDown" pauseTime=""]
    IMAGES LINKS HERE 
    [/nivoslide]		
    </div>
    [clear]
    <div style="position: absolute; left: 120px; margin-top: -37px;">
    <div class="baner-item">
    <div class="baner-img"><a href="#" target="_self"><img src="BANNER IMAGE LINK HERE" height="73" width="230" class="slider-img" alt="Homepage"></a></div>
    <h2><span>Make a</span> Reservation</h2>
    </div>
    <div class="baner-item">
    <div class="baner-img"><a href="#" target="_self"><img src="BANNER IMAGE LINK HERE" height="73" width="230" class="slider-img" alt="Homepage"></a></div>
    <h2><span>Make a</span> Reservation</h2>
    </div>
    <div class="baner-item">
    <div class="baner-img"><a href="#" target="_self"><img src="BANNER IMAGE LINK HERE" height="73" width="230" class="slider-img" alt="Homepage"></a></div>
    <h2><span>Make a</span> Reservation</h2>
    </div>
    </div>
    [clear]
    

    then in style.css or custom.css file add this code:
    .nivoslide .nivo-controlNav {display:none;}
    

    Cheers,
    Max.

    Max
    1 year ago
  10. OK, I will try that !

    Thanks !

    Marc

    Goudy
    1 year ago

Add Reply

You must log in to post.

 

Add a new topic!

Chances are your issue is already answered, but if it’s not, you can always create a new topic.

Add new topic

Search forums

Searching for something specific? Type something and press Enter to search.