This topic is: resolved

How to link top nav button to tab 2, image q and news subscribe

  • Avatarkatyberkhout
    Participant
    Post count: 13
    # 4 years ago

    1. I want to change one of the top nav links to go to one of the inner tabs. I’ve tried link href #tab2 but not working. Is it possible?

    2. Also another question: Under the testimonials slide feature I want to take off the slide portion and trying to replace the circle graphic there (http://placehold.it/200×200&text=IMAGE+PLACEHOLDER) – however there is an overlay rounded corners. I don’t want rounded corner and trying to put a logo there.

    3. Also is the newsletter form set up to send an email when subscriber signs up? I’m changing this a little so I want it to be a request a demo and sent to email address

    thanks in advance.

    AuthorAuthor
    Keymaster
    Post count: 26676
    # 3 years, 12 months ago

    Hi there

    1. By default this is not possible but i can try writing some custom javascript for this. I can look in to this when i get some free time this weekend.

    2. Use custom css at The very end of style.css file
    testimonial img{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}

    3. By default the newsletter form savesthe email address and names of the subscribers into contact.txt file. You must use free contact form script or a good paid script from Codecanyon: http://codecanyon.net/item/ajax-contact-form/50846

    Thanks

    Avatarkatyberkhout
    Participant
    Post count: 13
    # 3 years, 12 months ago

    Hi thanks for the information.
    If you would be willing to write up some javascript for one of the top nav links to go to the tab1 that would be great! thank you.

    AuthorAuthor
    Keymaster
    Post count: 26676
    # 3 years, 12 months ago

    Sure, i will look what solution i can provide. Thanks

    Avatarkatyberkhout
    Participant
    Post count: 13
    # 3 years, 12 months ago

    Hello, Just checking to see if you had a moment to look into a solution. Appreciate it!

    AuthorAuthor
    Keymaster
    Post count: 26676
    # 3 years, 12 months ago

    Add custom js at the very end of scripts.js isnide js folder

    $(document).ready(function(){
    $(".totab").on("click",function(e){
    var URL = $(this).attr("href");
    $(".tabnav li").removeClass("active");
    $('.tabnav a[href*='+URL+']').parent("li").addClass("active");
    $(".tab-content").hide();
    $(URL+".tab-content").show();
    $('html,body').animate({scrollTop: $(URL).offset().top-150},'slow');
    e.preventDefault();
    });
    });

    You can add tab ID to your link in the navigation like:
    <li><a href="#tab2" title="Contact" class="totab">Contact</a></li>
    Note to remove slideanchor class and use totab class instead

    Thanks

    Avatarkatyberkhout
    Participant
    Post count: 13
    # 3 years, 12 months ago

    many thanks!

    AuthorAuthor
    Keymaster
    Post count: 26676
    # 3 years, 11 months ago

    Welcome 🙂
    Would you mind giving a 5 star rating to our theme at your ThemeForest’s Downloads page? That would be very appreciable. Instructions to do that: http://cl.ly/image/1p2U0N0H0a0E

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.