Panel First Column 1, Panel first column 2 and Panel first column 3 appear to be links but I cant find where to put the target for each of these links. Can anyone tell me where I can edit the links?

Comments

Collins405’s picture

Collins405 commented

They arent links, in the css, they are just set to change on hover, and also change the cursor on hover.

Its really irritating, because they look good!

Ive been trying to set up a div inside the container to act as the link, but im not having much luck, as it all gets messed up due to the responsiveness in mobile and tablets.

innerfear’s picture

innerfear commented

anyone have any help on this? i'd love to be able to put link addresses in for each of these panels, but i can't find a way to do it.

themebrain’s picture

themebrain commented

Actually, you could add links to each panels by jQuery, but it is not recommended. Below are instructions to add links to Panel First:

  1. Go to sites/all/themes/tb_sirate/js
  2. Open the file tb_sirate.js
  3. Go to the object Drupal.behaviors.actionTBSirate and add following code inside its "attach" function:
$('#panel-first-wrapper .panel-first-1 .block-inner').wrap('<a href="http://themebrain.com"></a>');
$('#panel-first-wrapper .panel-first-2 .block-inner').wrap('<a href="http://drupal.org"></a>');
$('#panel-first-wrapper .panel-first-3 .block-inner').wrap('<a href="http://drupal.org/nucleus"></a>');
jessmagz’s picture

jessmagz commented
Issue summary: View changes

Hi themebrain,

Thank you for that code. This is what exactly I was looking for and tried the CSS approach but was not working. I will be trying to do this but can you please tell me why it is NOT recommended? Is the JS approach not a best practice?

Thanks

psychonaute’s picture

psychonaute commented

I did add the code given above in the attach function but still no link :(

Anyone made it?