Making background image a link

Site URL: https://www.royceleon.com/

Is there a way to turn the banner/background into a link on 7.1 (personal account)? 

To work around this I tried to upload a transparent image over the background to create a link, but the background distorts/stretches, if there is a way to prevent that I'd love to hear it. Thanks in advance

On 3/19/2022 at 11:52 AM, royceleon said:

Site URL: https://www.royceleon.com/

Is there a way to turn the banner/background into a link on 7.1 (personal account)? 

To work around this I tried to upload a transparent image over the background to create a link, but the background distorts/stretches, if there is a way to prevent that I'd love to hear it. Thanks in advance

Hi,

First add a text block >> add text link

Next, share url again, we can try some code to make link cover banner/background

On 3/21/2022 at 9:34 AM, tuanphan said:

Hi,

First add a text block >> add text link

Next, share url again, we can try some code to make link cover banner/background

Thanks for your help @TuanPhan! I added a text block, and link. https://www.royceleon.com/

On 3/24/2022 at 9:52 PM, royceleon said:

Thanks for your help @TuanPhan! I added a text block, and link. https://www.royceleon.com/

Try adding to Design > Custom CSS

/* Make section image clickable */
[data-section-id="621687b849779843cf877dc5"] {
.content * {
    position: static;
}
.content a {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: transparent !important;
}
.content-wrapper {
    position: static;
}}

On 3/26/2022 at 2:47 AM, tuanphan said:

Try adding to Design > Custom CSS

/* Make section image clickable */
[data-section-id="621687b849779843cf877dc5"] {
.content * {
    position: static;
}
.content a {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: transparent !important;
}
.content-wrapper {
    position: static;
}}

 

Amazing! Worked perfectly. Thank you so much