Joomla Templates Club 406,261 posts

[rfairman Friend rfairmanJoin date: March 2008Posts: 11Downloads:0Uploads:0 Thanks: 6]

#167222

Good morning;
I need to change the container width for the JA Travel template.
I’m not sure where to do this, as I don’t see any configurable option for that element in the Module Manager.
Specifically I need the main content and the main menu to be the same width of the header, so that there is no padding on either side.

I also need the wrapper to be displayed full width, but I assume this would be taken care of when changing the container width.

So basically

header
main menu
content

all the same width.

Thanks!
Rhonda

[Blaine Friend BlaineJoin date: August 2007Posts: 1443Downloads:0Uploads:25 Thanks: 98 Thanked: 177 times in 154 posts]

#405168

Hi Rhonda,
This info is if you are using Joomla 1.5.
To customize the header, please follow these steps:
find in file your_sitetemplatesja_travelcsstemplate.css

#ja-header .main { border-bottom: 1px solid #ccc; }

Replace with (adjust to your size requirements)

#ja-header {background:#333; border-bottom: 1px solid #555;}
#ja-header .main { padding:0; }

Main menu
Please find this file your_sitetemplatesja_travelcssmenumega.css and replace it’s complete content with this code (assuming you are using the MEGA MENU:

.ja-megamenu a.active { background: #069 !important; color: #fff !important; }
.ja-megamenu a.over {background: #555; color: #fff !important;}
.ja-megamenu ul.level0 li.mega a.mega { color:#ccc;}

/* lv - 1 and below
*/
/* Styling ---*/
.ja-megamenu ul.level1 li.mega { border-top: 1px dotted #777; }

.ja-megamenu ul.level1 li.first { border-top: 0; }
.ja-megamenu ul.level1 li.mega a.mega {
border: 0;
}

/* CHILD CONTENT

*/
.ja-megamenu .childcontent-inner {
background: #555;
border: 1px solid #777;
border-top: 0;
color: #ccc;
}

.ja-megamenu .level1 .childcontent-inner { border-top: 1px solid #777; }

.ja-megamenu .childcontent .ja-moduletable { color: #ccc; }
.ja-megamenu .childcontent .ja-moduletable a {color:#ccc;}
.ja-megamenu .childcontent .ja-moduletable a:hover {color:#fff;}

.ja-megamenu .childcontent .ja-moduletable h3 {
background: none;
border-bottom: 1px dotted #777;
text-transform: uppercase;
}

/* Grouped --- */
.ja-megamenu .group-title { border-bottom: 1px solid #777; }

.ja-megamenu .group-title .menu-title {
color: #ccc;
text-transform: uppercase;
font-weight: bold;
font-size: 115%;
}

.ja-megamenu .group-title .menu-desc {
color: #ccc;
padding-left: 0 !important;
}

And for Content (Wrapper)
Please see this Joomla.org help page:
http://help.joomla.org/content/view/437/224/

Please let me know if this solves your issue

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

#405170

Can you provide the actual url for your site?

[rfairman Friend rfairmanJoin date: March 2008Posts: 11Downloads:0Uploads:0 Thanks: 6]

#405180

<em>@tcraw1010 258418 wrote:</em><blockquote>Can you provide the actual url for your site?</blockquote>

sure.. its http://travel.canadianbeaconregistry.ca

thanks!

[Author]

Posts