clickable area

User 78051 Photo


Registered User
201 posts

Hey Guys

Have set up a ul link section - kept it in the vertical - styled it etc but what I am struggling to do is to get the whole line be a clickable link rather than just the text that is being used

Cheers

Jamie
User 2088758 Photo


Senior Advisor
3,111 posts

Hi Jamie, can you share a link to the project. Are you asking how to make the whole column that the ul link is in clickable?
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 78051 Photo


Registered User
201 posts

Hey Steve

Yeah, sorry should have done that. Here it is: http://www.motley.site/coffee/EquiCraft.rsd

The element in question is this one: http://prntscr.com/8r7kex as you'll notice the clickable link area is just the text rather than the whole line.

Also, whilst I'm on the same project, am trying to get the blue backed text on top of the image panels automatically show on the bottom without using margin or padding to do this...am sure there is a way just not sure how!

Cheers

Jamie
User 2088758 Photo


Senior Advisor
3,111 posts

I'm not near my PC right now to check the actual project file. The link you gave of the screenshot is not working either. Can you post the html page in question or provide a screen shot of what your talking about.

thanks
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 78051 Photo


Registered User
201 posts

This is the image from the linked screenshot
Attachments:
User 2088758 Photo


Senior Advisor
3,111 posts

Never mind i see what your talking about. Try changing your li items to block instead of inline-block.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 78051 Photo


Registered User
201 posts

they are already set to 'block'...
User 2088758 Photo


Senior Advisor
3,111 posts

Also, whilst I'm on the same project, am trying to get the blue backed text on top of the image panels automatically show on the bottom without using margin or padding to do this...am sure there is a way just not sure how!


Ill have a look at this part tonight. Will it not let you switch the elements around by dragging and dropping?
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2088758 Photo


Senior Advisor
3,111 posts

Jamie wrote:
they are already set to 'block'...


Ok if they are set to block you should be able to adjust the padding in the li to make the clickable area bigger. Try giving it a padding of 10 on left and right and 5 on top and bottom.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 78051 Photo


Registered User
201 posts

have already got padding on - see attached
Attachments:

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.