Forum has been created to help all our customers in properly working our theme. We offer complete help with configuration theme and make default look, just like on our Be|theme demo. We don`t offer theme customization.


Before creating a new discussion, please:
1. Check on forum if discussion hasn`t been created before. Use the forum Search on the right.
2. Read carefully the documentation included to package.
3. If you didn`t find what you need and would like to post a new question click the "Start a New Discussion" button on the right.
4. You can post on forum only after registration (you need purchase code to register) .


NOTE!!! If you are starting a new topic and have got problems with your site and you want us to check what`s wrong please always give url to your site because without that we can`t check what`s wrong. Each case may be different because of your installed plugins, servers or other things.


IMPORTANT!!! Along with your inquiry, please attach the address of the page which concerns the question. This will cause the time to answer on your question will be much shorter. If you do not want to publish your address publicly in the forum, please send a private message. Thanks!

make whole column or textblock a link

Hi there,

I have the following:
1/2 column + textblock (with image + text)   |   1/2 column + textblock (with image + text)

Now i'd like the whole column to link to a certain page. I tried to put the image + text between <a> tags, but the closing <a> tag jumps back to after the image. So the image is linked, yet the text remains plain text.

Is there a global way to change this - apart from linking the text seperately to the same page..

Cheers!

Comments

  • Please sign in to see answear!
  • Hi, there is a simple trick you could apply:

    add the followig JS-Snippet to the betheme JS section:

     jQuery(function($){
    $(".entire-div-link").click(function() {
      window.location = $(this).find("a").attr("href"); 
      return false;
    });
    });


    This snippet will search for any link inside the column and use it for the entire column-DIV.

    Now you just need to add "entire-div-link" to the custom CSS-Class field of the column. This will render the entire column clickable.

    To make it look nice, you could add the following CSS-snippet to the custom CSS code section of the betheme options:

    .entire-div-link:hover{
     cursor:pointer;
    }

    This will make the mouse cursor act like it is hovering a real a-element.

    Hope this helps!
  • lubke2005, you have solved my problem!! Thanks a lot :)
Sign In or Register to comment.