Flipbox Link - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Flipbox Link

stq74

stq74

SP Page Builder 4 years ago

Hello, I use the flipbox addon, on the flipstyle, I have an image that appears and I would like to give it a link to another page, I did not find the option, what to do? Thank you

0
7 Answers
Pavel
Pavel
Accepted Answer
4 years ago #15107

Hi. Add your classes to the link and to the addon. Use the following css code.

.your-addon-class .sppb-flipbox-back.flip-box .flip-box-inner {
    position: static;
}
.your-link-class {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
}

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #14662

Hi there!

There is no default option to add a link to that image.

But you can always add a link to your flipbox text using the HTML <a> tag as follows:

https://prnt.sc/11pjra5

Hope this helps!

Best Regards

0
stq74
stq74
Accepted Answer
4 years ago #14668

Hi Rashida,

I have no text but only a background image. How to do it?

thank you

0
aletfox
aletfox
Accepted Answer
4 years ago #15101

Hi ! I had the same problem! The only option I found was to create this code to be able to solve the link, It is not the most elegant option but it can help you

<a href="https:// url.com" >
<br><span style="opacity:0;"> sometext- sometext- sometext- sometext- sometext sometext- sometext- sometext- sometext- sometext sometext- sometext- sometext- sometext- sometext sometext- sometext- sometext- sometext- sometext sometext- sometext- sometext- sometext- sometext sometext- sometext- sometext- sometext- sometext sometext- sometext- sometext- sometext- sometext sometext- sometext- sometext- sometext- sometext sometext- sometext- sometext- sometext- sometext sometext- sometext- sometext- sometext- sometext sometext- sometext- sometext- sometext- sometext sometext- sometext- sometext- sometext- sometext</span> 
</a><br>
<a href="https:// url.com/" class="btn btn-primary btn-lg btn-block" role="button" >go to link </a>
0
stq74
stq74
Accepted Answer
4 years ago #15102

Hi aletfox, thank you very much, i will test Stephane

0
stq74
stq74
Accepted Answer
4 years ago #15112

Hi Pavel, awesome, that's exactly what I wanted. thank you very much. Stephane

0
Pavel
Pavel
Accepted Answer
4 years ago #15113

You are wellcome

0