hyperlink that covers the whole area of a column

[Alexandra]

Hello,

How can I create a hyperlink that covers the whole area of a column?

I want to set different hyperlinks on specific columns. The links should cover the whole area then.

Kind regards,

Alexandra Guerra

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Radu]

Hi,

There is no element ready to do that cuz somehow it’s tricky in some cases but you can use this workaround

Add text element in VC and in text mode add this code

<a class="full-column-link" href="https://google.com">Full column link</a>

CSS :

COPY CODE

a.full-column-link {
    position: absolute;
    display: block !important;
    width: 100%;
    height: 100%;
    min-height: 700px;
    z-index: 9989;
}

If the link doesn’t cover all column on height change the min-height 700px to a higher value

The CSS will be added to wp-admin -> theme options -> general settings -> quick CSS

NOTE: Child theme needs to be installed and activated.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts