Joomla Templates Club 406,261 posts

[xennex Friend xennexJoin date: August 2011Posts: 2Downloads:0Uploads:1 Thanks: 2]

#179875

I want to use the JA Travel template for a client. I do need a wide left column but 44% is a bit to wide. 36% will work fine for me. I managed to get the desired layout by adding this code to layout.css (plugins/system/jat3/jat3/base-themes/default/css/layout.css)

#ja-main { float: right;
width: 63%!important;}

and this code to template.css (templates/ja-travel/css/template.css)

#ja-left { background: url(“../images/left-bg.png”) repeat-y scroll right top;
width: 36%!important;}

The only problem is that when I want to use a full-width layout, the content area of course will only be 63% wide. I previously changed left column widths by changing this value …. <block name=”left1″>left</block> <block name=”right1″ width=”25″>right</block>…
as described in the WIKI. Problem is that I cannot find a block for “ja-left” – this template is more complicated with the mass-column at the top.

I may never have to use full-width layout, but the client may just require it for a unique layout or the home page layout and I will have a problem then. The site is still in construction phase on my localhost. If you do need to make changes online, please let me know and I can upload it, but I would like to know how to fix this myself.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#464026

Hi xennex,

You can change width of ja-left div through css file: /templates/ja_travel (your default template)/css/template.css line 719

#ja-left {
background: url("../images/left-bg.png");
width: 350px !important; <<< add this line and change to your desired value
}

Clean your cache.

FYI: It’s recommended that you should not change in based file of JAT3 folder, you should override it in templates folder so that wheneve you update JAT3, it wouldnot affect these changes.

1 user says Thank You to Saguaros for this useful post

1. xennex

[xennex Friend xennexJoin date: August 2011Posts: 2Downloads:0Uploads:1 Thanks: 2]

#464047

Hi Saguaros,

Thank you for your feedback. This still only solves part of my problem. I does the same as what I did. Instead of giving a % value, I just give a pixel value now. The problem is with the width of the main component (content area) It still leaves a wide gap between the left column and the content area

The red arrows indicate the wasted space and the green arrow points to where I would like my content text to line up. If I change the value of #ja-main, I can get it to line up where I want it, but then it creates the problem of the content area being only that specified width on full-width view or even when nothing gets published in the left side on a certain page.

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#464297

Hi xennex,

PM me admin and FTP account I shall help you out

[Author]

Posts