Hi,

<div class="tp-caption rev-btn  rs-hover-ready rs-toggle-content-active" id="slide-129-layer-4" data-x="['left','left','left','left']" data-hoffset="['105','70','50','26']" data-y="['top','top','top','top']" data-voffset="['380','350','285','270']" data-fontweight="['900','700','700','700']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="button" data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-frames="[{"delay":800,"speed":1500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"nothing"},{"frame":"hover","speed":"0","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255, 255, 255, 1.00);bg:rgba(0, 172, 195, 1.00);"}]" data-textalign="['left','left','left','left']" data-paddingtop="[0,0,0,0]" data-paddingright="[30,30,30,30]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[30,30,30,30]" style="z-index: 10; white-space: nowrap; font-size: 15px; line-height: 50px; font-weight: 900; color: rgb(255, 255, 255); font-family: Roboto; background-color: rgba(0, 0, 0, 0); border-color: rgb(0, 172, 195); border-style: solid; border-width: 2px; outline: currentcolor none medium; box-shadow: none; box-sizing: border-box; letter-spacing: 3px; cursor: pointer; visibility: inherit; transition: none 0s ease 0s; text-align: left; margin: 0px; padding: 0px 30px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; opacity: 1; transform: translate3d(0px, 0px, 0px); transform-origin: 50% 50% 0px;">READ ARTICLE <i style="font-size:13px;margin-left:10px;" class="fa-icon-chevron-right" /> </div>

With the new HTML for this button:

<a class="tp-caption rev-btn  rs-hover-ready" href="#link" target="_self" id="slide-129-layer-4" data-x="['left','left','left','left']" data-hoffset="['105','70','50','26']" data-y="['top','top','top','top']" data-voffset="['380','350','285','270']" data-fontweight="['900','700','700','700']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="button" data-actions="" data-basealign="slide" data-responsive_offset="off" data-responsive="off" data-frames="[{"delay":800,"speed":1500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"nothing"},{"frame":"hover","speed":"0","ease":"Power1.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255,255,255,1);bg:rgba(0,172,195,1);"}]" data-textalign="['left','left','left','left']" data-paddingtop="[0,0,0,0]" data-paddingright="[30,30,30,30]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[30,30,30,30]" style="z-index: 10; white-space: nowrap; font-size: 15px; line-height: 50px; font-weight: 900; color: rgb(255, 255, 255); font-family: Roboto; border-color: rgb(0, 172, 195); border-style: solid; border-width: 2px; outline: currentcolor none medium; box-shadow: rgb(153, 153, 153) 0px 0px 0px 0px; box-sizing: border-box; letter-spacing: 3px; cursor: pointer; text-decoration: none; visibility: inherit; transition: none 0s ease 0s; text-align: left; margin: 0px; padding: 0px 30px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; opacity: 1; transform: translate3d(0px, 0px, 0px); transform-origin: 50% 50% 0px;">READ ARTICLE <i style="font-size:13px;margin-left:10px;" class="fa-icon-chevron-right" /> </a>

Regards, Hamdan

Thank you Hamdan, but I am not finding the code to replace code… This is the code I have:

<!- LAYER NR. 4 -> LEARN MORE

It should simply open a new link, not scroll below… Please help, thank you!

<!- LAYER NR. 4 -> LEARN MORE

It won’t let me paste the code… I will email it to you.

Hello

The mail was sent with the new code to replace it with old code!

Hi, I was able to figure it out, I added this: data-actions=’[{

"event": "click", 
"action": "simplelink", 
"target": "_self", 
"url": "url.html" }]'

It is a lot simpler than the code I have received via email, I think. Now I am trying to make an element from the slider disappear from responsive devices, I tried a hidden-md-down but it doesn’t work. Please help.

Hi IdealTheme, I did plug your contact form (the one you sent via email), but I cannot get it to work. Please help me with this as fit is the most important part of the website: http://lajollaweb.com/websites/luseo2019/contact.html I need those fields to be required, and the confirmation message to be on the same page, like a normal website, not to open a new page with the confirmation text. That should wrap this project up. Please help! Thank you.

Hello IdealTheme, please disregard the previous message, I paid a freelancer to get it to work. It should be included because it is part of your description, though…

I have another issue with iPhone. The background images are zoomed too much to a blur. Parallax background images as well. This doesn’t happen on Android phones.

Here’s Lookup on Android:

and here’s Lookup on iPhone:

This doesn’t happen in your ENAR template:

So I am thinking this should be an easy fix. Can you help me fix this bug please?

Thank you!

Hello ? Can we please fix this issue with iOS devices ? I have submitted this comment 25 days ago… Can it be fixed or is this a general bug in the template ?

Hello,

Sorry for the delay, as you see here https://discussions.apple.com/thread/7406572 its a common issue with IOS devices with parallax effect.

I found some solution, i hope it will fix it!
Please add the following css code to the last of the style.css file:

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { 
    .hm_parallax {
        background-attachment:scroll !important;
        background-size: cover;
        height: 100%;
        overflow: hidden;
    }
}

2- Or please follow the screenshot below to disable the parallax effect https://www.diigo.com/item/image/5tiac/pb90

Regards, Hamdan

Hi Hamdan, you sent me a link for Wordpress. This is an HTML template. Also, the CSS fix did not work… Please help with this, it looks bad on iPhone even on your template. Thank you in advance,

Hamdan, let’s forget about the previous questions, I will manage to make everything responsive for iPhone. This is my last question so I can move forward, and it is a very important one, please let me know when you have an answer:

How can we integrate BOOTSTRAP libraries into this template please? To get access to the Bootstrap scripts. Right now it doesn’t seem to be compatible as it ruins all the CSS when we try to access Bootstrap libraries.

I am counting on you please. Thank you!

Also, how can we have a smooth scroll to a particular section please? Just like the it scrolls smoothly. I’d like to activate the slider button to take me to the #about section, but it doesn’t smooth scroll, it just jumps there. Please help, thank you! Great template!

Hello, it is okay for the smooth scroll, you are using it here: http://lookup.ideal-theme.com/html5/home-creative-3.html (the CONTINUE button) My question is: how do we make the slides auto-play please ? Right now we have to manually go from one slide to the next. And the PHP file please IdealTheme… Thank you!

Hi, I have messaged you in the support section, please take a moment to send me the PHP file and how to auto-play the slides. Thank you!

Hello Houarim

1 – The mail send contains the new PHP and HTML forms files!

2 – Any smooth scroll just need 2 things:

First - Add class called "scroll" to the button.

Second - The id name for the section you need to navigate to!

<a href="#contact" class="scroll"><span>Contact</span></a>

<section id="contact"></section>

Regards, Hamdan

Hi,

Sorry for the delay!
Please send me the site link issue, or a screenshot image for this issue

Regards, Hamdan

Also the sliders on the home page is not automatically sliding and I’m not sure why. If you have any idea why it would be really helpful.

You can see my code for my slides here

<!- SLIDE ->
• <!- MAIN IMAGE -> <!- LAYERS -> <!- LAYER NR. 1 ->
<!- SLIDE ->
• <!- MAIN IMAGE -> <!- LAYERS -> <!- LAYER NR. 1 ->
<!- SLIDE ->
• <!- MAIN IMAGE -> <!- LAYERS -> <!- LAYER NR. 1 ->
<!- SLIDE ->
• <!- MAIN IMAGE -> <!- LAYERS -> <!- LAYER NR. 1 ->

I realize that did not paste the code as intended, but is it possible for me to get some help?

Hi

I’m so sorry for my delay

The icon beside the email address is not showing because it has a name that not exists in the icons list ( ico-envelope-letter )!

Please take an icon name from the list of the icon names!

Regards, Hamdan

Hi again!

Do you have any issue with slider revolution now?
Because the code you sent is not cleared!

Please send me the page issue link!

Thanks, Hamdan

Yes I am still having trouble with the slider revolution, http://shbllc.net2sky.com/ is the page in question.

Maybe you removed any required js file?
Please use the default index page, or use any slider example.