Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Making background image a link


royceleon

Question

4 answers to this question

Recommended Posts

  • 0
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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;
}}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...