Re: Would like for content - left -right columns even


  • Topic Author
  • Visitor
  • Visitor
14 years 3 months ago - 4 years 3 months ago #2734 by
Is this possible for this template... would like for all the columns to be equal heights no matter what--instead of being dependent upon content and staggered... if so what would I need to edit...

...right now if right column has the most content it extends down the page leaving a gap where the left and main content area are...

My URL:
Code:
www.govenom.com
- please scroll down and you will see what I am talking about...
Attachments:
Last edit: 4 years 3 months ago by milos.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
14 years 3 months ago - 14 years 3 months ago #2738 by milos
Please unzip and upload attached script to /js directory of the template.

Before </head> tag of index.php file of the template, add this code:
Code:
<!-- equal heights --> <script type="text/javascript" src="<?php echo $template_path ?>/js/equal_heights.js"></script> <script type="text/javascript"> window.onload = function() { BoxHeights.equalise('content_wrap','column_left','column_right'); } </script>

Also, inside all CSS files (and template_css.php file) you will need to change .content_wrap to #content_wrap (same for column_left and column_right).

In index.php of the template, change class="content_wrap" to id="content_wrap" (same for column_left and column_right).

File Attachment:

File Name: equal_heights.zip
File Size:0 KB
Attachments:
Last edit: 14 years 3 months ago by milos.

Please Log in to join the conversation.


  • Topic Author
  • Visitor
  • Visitor
14 years 3 months ago #2739 by
Milos thanks... I've gone in and changed all the reference's to main content, left and right... can you take a quick look at the docs and let me know if I did this right?

I've also unzipped the JS file to the JS Folder - thanks!!!

I am not able to find the reference in the Index.php-- where is the reference at? can you please help me out real quick...


Trey

...see attached.

File Attachment:

File Name: Equal_Heig...iles.zip
File Size:8 KB
Attachments:

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
14 years 3 months ago #2740 by milos
I am sorry, it's not in index.php file. Please find the 3 files in /inc directory of the template. All references are there.

Please Log in to join the conversation.


  • Topic Author
  • Visitor
  • Visitor
14 years 3 months ago #2741 by
Ok so I change this right?

line 1 of col_main file <div id="content_wrap">

line 2 of col_right file <div id="column_right">

line 2 of col_left file <div id="column_left">

...do I need to change anything else in these 3 file's or just the script on these line's...

Trey

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
14 years 3 months ago #2742 by milos
In those 3 files you change, in example:

<div class="column_left">

with

<div id="column_left">

Also, do all the rest that I explained above. Keep backups of all files if you fail to do this modification.

Please Log in to join the conversation.

Time to create page: 0.081 seconds
Powered by Kunena Forum