fbpx
Welcome, Guest
Username: Password: Remember me

TOPIC: How to add a link to a column background image

How to add a link to a column background image 9 months 1 week ago #27380

  • jeahar
  • jeahar's Avatar
  • Offline
  • New Member
  • Posts: 8
  • Karma: 0
Hi I have a picture as background of a column in JD Builder.
I've linked the header that is in the column to a certain page, but it would be better if the whole column would link to that page.
How do I add a link to the whole column or to the background image?

This is the page I'm talking about: documentatiecentrum.never.nl

Thanks!
The administrator has disabled public write access.

How to add a link to a column background image 9 months 1 week ago #27398

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
Hello,

I think this is not a perfect way to achieve the design. Try this way.

1. First, create columns and add image element in it apply link on it.
2. Then add Heading element below image element and use negative margin-top.

See the screenshot.

Thanks,
Chandan
Attachments:
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

How to add a link to a column background image 9 months 22 hours ago #27568

  • jeahar
  • jeahar's Avatar
  • Offline
  • New Member
  • Posts: 8
  • Karma: 0
Good idea, thanks for the suggestion! Will try it
The administrator has disabled public write access.

How to add a link to a column background image 9 months 1 hour ago #27576

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
Let us know if you are unable to create this section.
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

How to add a link to a column background image 8 months 4 weeks ago #27645

  • jeahar
  • jeahar's Avatar
  • Offline
  • New Member
  • Posts: 8
  • Karma: 0
Adding the link worked, unfortunately the image now no longer fills the column width despite being 100% wide.
The administrator has disabled public write access.

How to add a link to a column background image 8 months 4 weeks ago #27653

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
You can manage the column spacing from the row level settings.

See the screenshot.
Attachments:
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

How to add a link to a column background image 8 months 3 weeks ago #27719

  • jeahar
  • jeahar's Avatar
  • Offline
  • New Member
  • Posts: 8
  • Karma: 0
Yes, I've set everything to 100%, but if I put the image in the column background, it fills the column nicely 100%, if I add an image element and set that to 100%, it does not fill the column.

The margin & padding inside the column is set to zero, same for the image element.

It looks like the column is the right width (170ox) but there is a column-inner of 155px, which explains the gap between images set to 100% in adjacent columns. See screenshots.
Attachments:
The administrator has disabled public write access.

How to add a link to a column background image 8 months 3 weeks ago #27758

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
If you don't need a gap between images. Use Padding 0 on Column level.
Attachments:
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.410 seconds
Cron Job Starts