Joomla Templates Club 406,261 posts

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#143230

I have reduced the width of my left column / menus to where I want, but now there is a big ole’ gap between the left column and the main content section that I cannot figure out how to reduce. In other words, I want the main content section to expand/extend to within 5-10px of the left column.

Does anyone know which CSS rule to tweak for this ??

:confused:

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#313277

Anyone ??

Anyone ??

:((

[daylin Friend daylinJoin date: June 2009Posts: 131Downloads:0Uploads:0 Thanks: 3 Thanked: 13 times in 2 posts]

#313290

See if there is a space in the design in the template that you are unable to see. see below.

Are you using Firefox with the Firebug addon to help solve design problems and source code acquisition? If not, I encourage you to start using Firefox with the firebug addon to minimize the amount of questions you may have. It is free.

JA Developer has provided some great links to assist the Joomlart Forum Coomunity at: http://www.joomlart.com/forums/topic/how-to-use-firefug-addon-of-firefox-to-debug-issues/

Please click “Thank You” and “Donate” some credits below if I provided you some valuable help. If your problem has been solved find the best answer and click “Mark Best Answer”

Good luck and Thank you for allowing me to serve you,

Daylin

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#313387

I use Firebug all the time, but it hasn’t helped (me) on this particular issue . . . hence my appeal for assistance here.

:((

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#313419

Figured it out . . .

It’s tweaking the following CSS rules (lines 606 – 612)


#ja-containerwrap-fr #ja-col1 {
width: 18%;
}

#ja-containerwrap-fr #ja-contentwrapper {
width: 81%;
}

Same can be done for the right side as well.

😀

[daylin Friend daylinJoin date: June 2009Posts: 131Downloads:0Uploads:0 Thanks: 3 Thanked: 13 times in 2 posts]

#313423

Im glad to hear that you figured out a solution.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#313532

It was more or less a matter of a lot of logical thinking (with the CSS rules) and trial-and-error. Took a while to figure out the CSS relationship, but the end is always worth the journey when you learn something new.

[Author]

Posts