Joomla Templates Club 406,261 posts

[bohemiadesign Friend bohemiadesignJoin date: March 2010Posts: 194Downloads:26Uploads:19 Thanks: 16 Thanked: 1 times in 1 posts]

#169627

Hi,

How do I make the top and bottom bars of the site the same width as the main site? With top bar I mean the bar that contain the logo, menu etc and stretches for the full width.
With bottom bar I mean the bar in the bootom of the page that contains the footer and stretches for full the full width of the screen.

Thanks,

jonas

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

#419075

Greetings Jonas:

In order to try to better assist you, can you please provide the url to the site you are working on, as well as set “Optimize CSS” to “No” within your Template Manager?

[bohemiadesign Friend bohemiadesignJoin date: March 2010Posts: 194Downloads:26Uploads:19 Thanks: 16 Thanked: 1 times in 1 posts]

#419161

We have pretty much used the out of the box template Seleni template and not changed any of the css layout styles.

http://www.marash.qld.edu.au
jonas

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

#419173

For the header section . . .

Within the path templates/ja_seleni/css/colors/blue.css

open blue.css and at line 51 . . .


#ja-header {
background-color: #0D273E;
}


try modifying as follows:


#ja-header {
background-image:url(yourimage.jpg)
}


with “yourimage” being an image you create at the specified height and width – 960px I believe.
it may take a bit of trial-and-error

For the footer section . . .

Within the path templates/ja_seleni/css/template.css

at line 1434 . . .


/* FOOTER
--------------------------------------------------------- */
#ja-footer {
background: #0d273e;
height:75px;
position:absolute;
bottom:-50px;
}

try modifying as follows:


#ja-footer {
background-image:url(yourimage.jpg);
height:75px;
position:absolute;
bottom:-50px;
}

with “yourimage” being an image you create at the specified height and width – 960px I believe.

it may take a bit of trial-and-error

Let me know how that works

[Author]

Posts