Topic: “Click to do” on Text Elements « SeaTheme

This topic has 5 replies, 2 voices, and was last updated 4 years, 11 months ago by Alex_T.

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

Author

Posts
June 22, 2021 at 2:30 pm #25104

Alex_T
Participant

Purchased
Expired

Hi there,

I wanted to ask you, if it’s possible to add “Click to do” with “Page scroll” via code on normal text elements? Atm. I’m using a single image with svg – the thing is, I want a different svg size on desktop/mobile. Maybe it’s possible to add a different siaz via CSS?

Thanks in advance!

All the best,
Alex

WordPress Customization Service from $49 Only! Save your expensive time!

June 22, 2021 at 3:06 pm #25105
SeaTheme
Keymaster

Purchased
Expired
Hi,

1. It needs some JS codes to add on a Text module. Where’s the Page scroll to if the link is clicked?

2. It is possible by custom CSS(“Appearance > Customize: Additional CSS”), like:
```
@media(max-width:767px) {
 .module-id-1624374011019 svg {
    width: 60px;
 }
}
```
ps: 1624374011019 is module ID, you need to change it as your own module’s ID.

Regards!
SeaTheme – FAQs – Twitter – Facebook
WordPress Customization Service from $49 Only! Save your expensive time!

June 22, 2021 at 3:17 pm #25106

Alex_T
Participant

Purchased
Expired

Great, thank you! 🙂

WordPress Customization Service from $49 Only! Save your expensive time!

June 22, 2021 at 3:19 pm #25107

Alex_T
Participant

Purchased
Expired

Ah sorry, for “1.” -> The Page should scroll down XY% screen height.

Thank you!

WordPress Customization Service from $49 Only! Save your expensive time!

June 22, 2021 at 3:36 pm #25108
SeaTheme
Keymaster

Purchased
Expired
Hi, welcome

1. Please add the class name callscroll by HTML codes in the of text editor (code mode):
<a class="callscroll" href="#">Link text</a>

2. Add the js codes by Simple Custom CSS and JS plugin:
```
jQuery(document).ready(function( $ ){
    jQuery('.callscroll').each(function(){
      jQuery(this).on('click',function(){
        jQuery('html,body').animate({scrollTop: jQuery(window).height() }, 600);
        return false;
      })
    })
});
```
ps: jQuery(window).height() means 100% of window height

Regards!
SeaTheme – FAQs – Twitter – Facebook
WordPress Customization Service from $49 Only! Save your expensive time!

June 23, 2021 at 8:32 am #25113

Alex_T
Participant

Purchased
Expired

Thank you so much! 🙂

WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

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

You must be logged in to reply to this topic.