How to get a cursor on css created link

[Lorenmn]

Hi,

I’ve used this solution >> https://theme.co/apex/forum/t/column-link/42902 to get a link on a column. It works great but there is no curser so it’s hard for people to see there is a link there.

I’ve used this code in the css - { cursor: pointer; } for the column element (that I called ‘columnlink1) but it doesnt’ work.

You can see it here >>http://aeonsystems.co.uk/wp/
It’s the first on the 3 boxes.

Can you help?

Thanks,
Loren

[christopher]

Hi Loren,

The CSS code that I used and worked is the code below which you need to add to Pro > Theme Options > CSS:

.columnlink1 {
    cursor: pointer;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial:

https://www.youtube.com/watch?v=yfoY53QXEnI

Thank you.

[Lorenmn]

Hi,

Thanks for that. I already had that code in the page css, however when I put it into the theme css it worked on the preview, but once saved and viewed on the front end, it still doesn’t work.

[nabeel]

Hi again,

I checked your setup and I see you’ve added the above code inside a media query which is for below 480px screens , please go to your cornerstone’s custom page CSS and replace your code with the following code:

.homefeature {
    font-size: 20px;
    font-weight;100;
    font-family: 'comfortaa' cursive;
}
.columnlink1, .columnlink2, .columnlink3 {
    cursor: pointer;
}

@media only screen and (max-width: 480px) {
    #fade {
        max-height:300px;
    }
}

I also fixed the missing closing bracket in the above code. Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[Lorenmn]

Ah! I see. I’ve just added a closing bracket to the media query. All sorted now. Thanks.

[basanta]

Glad to know that!