New Landing › How can we help? › Themeforest Theme Support › Joyn › Linking button to row id (anchor)

Viewing 10 posts - 1 through 10 (of 10 total)
  • Back to forum
    Posted in: Joyn
  • April 19, 2017 at 5:54 pm #321638
    dsimpz
    Member
    Post count: 20

    Hello,

    I am trying to link the “BOOK CAMILLE NOW” button to the Contact row of my site. Is that possible? The Row ID for Contact is “contact” or #contact in the menu links. However, that doesn’t allow the scrolling feature and also attaches #contact to the end of the domain once clicked (www.camilleyameen.com/#contact)

    Any help is appreciated. Thanks!
    dsimpz

    Attachments:
    You must be logged in to view attached files.
    April 19, 2017 at 6:04 pm #321646
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    Yes, you are almost totally correct. TO get a button to link to Row using smooth scroll you need to copy out the actual HTML the shortcode generates, ex:

    <a class="sf-button large grey rotate-3d dropshadow" href="#contact" target="_self"><span class="text" data-text="BOOK CAMILLE NOW!">BOOK CAMILLE NOW!</span></a>

    You then add the smooth-scroll-link class to the button HTML:

    <a class="sf-button large grey rotate-3d dropshadow smooth-scroll-link" href="#contact" target="_self"><span class="text" data-text="BOOK CAMILLE NOW!">BOOK CAMILLE NOW!</span></a>

    Replace the button shortcode with the new raw HTML.

    April 19, 2017 at 6:27 pm #321651
    dsimpz
    Member
    Post count: 20

    That worked perfectly! Thanks a bunch!

    Is there a way to increase the text size of this button?

    April 19, 2017 at 6:32 pm #321655
    David Martin – Support
    Moderator
    Post count: 20834

    You would need to use the CSS font size attribute with an extra class.

    Ex: btn-large:

    .btn-large {
    font-size: 28px;
}
    April 23, 2017 at 9:23 pm #322004
    dsimpz
    Member
    Post count: 20

    David, would you mind explaining a little further? I added this to the custom CSS

    .btn-large {
    font-size: 28px;
    }

    I then added btn-large: (btn-large: 28px + other combos) to the extra class section. However, nothing appears to be changing

    Any guidance greatly appreciated. Thanks!
    dsimpz

    April 24, 2017 at 10:40 am #322034
    David Martin – Support
    Moderator
    Post count: 20834

    Please add a WP login for us to take a closer look.

    Thanks.

    April 25, 2017 at 3:22 pm #322272
    dsimpz
    Member
    Post count: 20
    This reply has been marked as private.
    April 25, 2017 at 5:10 pm #322299
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    I added the custom class to the button
    https://www.dropbox.com/s/tvugywl08i1igfq/Screenshot%202017-04-25%2017.07.49.png?dl=0

    And also added the important tag in the css.

    -Rui

    April 25, 2017 at 6:31 pm #322321
    dsimpz
    Member
    Post count: 20

    PERFECT! THANKS!

    April 25, 2017 at 6:43 pm #322325
    David Martin – Support
    Moderator
    Post count: 20834

    Thanks Rui!

    If you have found the theme/support useful, we appreciate it if you can leave feedback on our item if you have the time as it really helps us out.

  • Back to forum
    Posted in: Joyn
Viewing 10 posts - 1 through 10 (of 10 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