ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Flexform
• January 29, 2015 at 2:51 pm #145457
  adfellas

  Member

  Post count: 34

  Hello,

  I would like to convert the whole masonry blog boxes / tiles on this website into a clickable link. So that also the background behind the text is part of the link.

  Website: http://gb.adfellas.de/

  Could you please help me and send me the necessary HTML / CSS snippets…

  Thank you very much.
  Beste regards,

  Daniel

  January 29, 2015 at 9:50 pm #145589
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Can you provide us the user/password to be able to see your site?
  Use the private reply option.

  -Rui

  January 30, 2015 at 5:35 pm #145907
  adfellas

  Member

  Post count: 34

  This reply has been marked as private.
  January 30, 2015 at 7:01 pm #145926
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  It’s the text in red area in the picture below?
  https://www.dropbox.com/s/m25e6wzgdr8usij/blog_box.png?dl=0

  -Rui

  February 2, 2015 at 8:17 am #146138
  adfellas

  Member

  Post count: 34

  Hi Rui,

  more likely it is the whole background of that text or the whole box…
  I´ve tried to screenshoot it with the class… see if that works for you…

  many thanks – Daniel

  Attachments:

  You must be logged in to view attached files.
  February 3, 2015 at 10:47 am #146660
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Try to replace the line below inside the file flexform/includes/sf-content-display/sf-post-formats.php

  
  $post_item .= '<div class="excerpt">'. $post_excerpt .'</div>';
  

  by this one

  
  $post_item .= '<div class="excerpt"><a href="'.$post_permalink.'">'. $post_excerpt .'</a></div>';
  

  -Rui

  February 3, 2015 at 10:55 am #146662
  adfellas

  Member

  Post count: 34

  Hi Rui,

  thank you very much – copied the file into the child theme folder and wanted to copy in the line you send my. But can´t finde the position. Can´t find “$post_item .= ‘<div class=”excerpt”>‘. $post_excerpt .’</div>’;”

  Could you please give me a more detailed position…
  I´m attaching you the sf-post-format.php…

  Many thanks,

  Daniel

  February 3, 2015 at 10:56 am #146663
  adfellas

  Member

  Post count: 34

  Now as .zip…

  Attachments:

  You must be logged in to view attached files.
  February 3, 2015 at 10:57 am #146667
  adfellas

  Member

  Post count: 34

  Sorry, I meant I can´t find $post_item .= '<div class="excerpt"><a href="'.$post_permalink.'">'. $post_excerpt .'</a></div>';

  February 3, 2015 at 11:12 am #146672
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please find this code :-

  $post_item .= '<div class="excerpt">'. $post_excerpt .'</div>';
  
  Replace with:-
  
  $post_item .= '<div class="excerpt"><a href="'.$post_permalink.'">'. $post_excerpt .'</a></div>';
  

  Thanks

  February 3, 2015 at 11:19 am #146682
  adfellas

  Member

  Post count: 34

  Hi Mohammad,

  thanks for the quick answer, but still can´t find your code…

  😉
  Daniel

  Attachments:

  You must be logged in to view attached files.
  February 3, 2015 at 11:27 am #146690
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please find code at line 406,461,511.
  Thanks
  Mohammad

  February 3, 2015 at 11:36 am #146695
  adfellas

  Member

  Post count: 34

  Hi,

  found, replaced, works!
  But: it´s now only the text… is there a way to get the “whole box” to become a link… I mean, also the grey background – see attached…

  Thanks once again,

  Daniel

  Attachments:

  You must be logged in to view attached files.
  February 3, 2015 at 12:20 pm #146717
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  try this one instead

  
  $post_item .= '<a href="'.$post_permalink.'"><div class="excerpt">'. $post_excerpt .'</div></a>';
  

  -Rui

  February 3, 2015 at 12:59 pm #146742
  adfellas

  Member

  Post count: 34

  Thanks Rui,
  but had no effect on the background…
  Any other idea?

  Maybe something like the “whole

• ” (<li style=”position: absolute; left: 0px; top: 0px;” class=”blog-item recent-post span4 format-standard isotope-item”>)

  ??? 😉

  Daniel