where to locate code for re-size gk-main, left

I have been attempting to resize the module position so that I may accomplish a more balanced look on my website located here: Tanner Prince Agency, Pawling, NY

From looking at firebug it appears that the code is located in the gk-container and then <div id="gk-mainbody"> <div id="gk-main">, <div id="gk-left"> and <div id="gk-right">

All of these div tags fall under the container tag. Currently main body is at 65% width, main is at 66% width, left is at 35% width and right is at 34% width.

I would prefer to be at 75% main, and 25% for both left and right to appear more balanced. I can make the changes with firebug but don't know where to find this code. Could someone offer their help? THANKS

(by the way can someone explain how i can copy the html code directly from firebug so that i can paste it here?)

Hi

Please go to "Template Manager > gk_corporate2" and change dimensions on template blocks.

By the way, if you want to use tabs module template style, please disable "Use module CSS" option on advanced parameters. You can also use specific suffix to this module. Check available suffix on the Helpfile of Corporate 2 Template or on own demo template.

Cheers

Hey thanks for the response. You guys offer really excellent help.

I went changed the template dimensions (man that was easy I was wondering what those functions did). I changed right1 and left1 to 25. It worked partially.

Mainbody is now 75% like I wanted. Right is now 25% like I wanted.

However, left is 33% and main is 67% as a result. Not sure how I would adjust these two settings to perfect my dimensions.

Also I tried disable 'use module css' and I really like the style. But, if you check out the site you'll notice the tabs are inoperable. Why is this?
Where is the tabs module used on the demo site? I do not see it.

Any ideas why the tabs menu is frozen when I disable "use module css" like suggested? I searched the tabs forum many people had the same issue. Tried all the force css. force script. Nothing helped.

Or how to make the left column 25% and main 75%?

Hi

You can always try to set this at the end of template.css by putting the code:

Code: Select all

#gk-main {
width:75% !important;
}

#gk-left {
width:25% !important;
}


Please show me the exact page where You have tabs.

www.tannerprince.com The tabs are on the frontpage on the right side where it says Free Quotes, Webinars, Teen Safety, Defensive Driving. I disabled "use module css" as suggested by seichinha in his first post and the result was frozen tabs.

Thank you for your help

tabs still not working. Checked tabs module section of forum. no solutions found.

Hi

Please send me joomla panel access details.

Hi

I did make it to work, but no visible changes ;/

I've send panel data to our programmer. He will sertainly know what's going on.

Hi

When i said to set "Module Style" to disable, this means module will expect classes from template files, but it's only if "Style CSS" parameters is selected to style1 and not style3 (not supported by template).





Cheers

By the way, if you want use this code to make Image Slide module looks better. This will effect only this module ID.

Code: Select all

#gk_is-frontpage_slide .gk_is_art p{margin-top: -40px}
#gk_is-frontpage_slide .gk_is_list.right div {margin-top: -40px}
#gk_is-frontpage_slide .gk_is_slide {padding:20px 0;margin-left: -15px}


The result should be like this:

Hi

KJPrince what is this clean cache thing from the image ? I love it.

Ah yes that plugin is the greatest....and that developer has other really useful plugins

Here is the link:

http://www.nonumber.nl/extensions/cachecleaner

Seichinha wrote:

By the way, if you want use this code to make Image Slide module looks better. This will effect only this module ID.

Code: Select all

#gk_is-frontpage_slide .gk_is_art p{margin-top: -40px}
#gk_is-frontpage_slide .gk_is_list.right div {margin-top: -40px}
#gk_is-frontpage_slide .gk_is_slide {padding:20px 0;margin-left: -15px}


The result should be like this:

I like how that looks but could not replicate it with the code you gave me. The result is the image simply moves a few pixels down and to left i believe image is attached with screen shot.

Image file too large to attach. Please visit tannerprince.com to view the outcome after adding the code to template.css

Thanks for the help and ideas!

Hi

Firstly. Thanks for the plugin fantastic thing.


Please maby make the photoslide a little bit higher with:

Code: Select all

.gk_is_image {
height:415px !important;
}