Linking button to row id (anchor)

[dsimpz]

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.

[David Martin – Support]

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.

[dsimpz]

That worked perfectly! Thanks a bunch!

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

[David Martin – Support]

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

Ex: btn-large:

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

[dsimpz]

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

[David Martin – Support]

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

Thanks.

[dsimpz]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

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

[dsimpz]

PERFECT! THANKS!

[David Martin – Support]

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.