Joomla Templates Club 406,261 posts

[rbolivar Friend rbolivarJoin date: November 2007Posts: 15Downloads:0Uploads:0 Thanks: 5 Thanked: 1 times in 1 posts]

#159239

How do I center the bottom menu on the halite template? Currently its aligned to the left

http://inviertahora.com/

Thanks,

Rosa

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#373546

I would also center the copyright notice or it looks odd.

First, open templates>ja_haliet>css>addons.css and around line 64 add the code I have highlighted in red below


table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
text-align: center;

}

Then open templates>ja_halite>css>template.css and around line 1554 add the code I have highlighted in red below


.ja-copyright {
padding-left:10px;
padding-right:10px;
width:900px;

}


[rbolivar Friend rbolivarJoin date: November 2007Posts: 15Downloads:0Uploads:0 Thanks: 5 Thanked: 1 times in 1 posts]

#373757

<em>@phill luckhurst 217255 wrote:</em><blockquote>I would also center the copyright notice or it looks odd.

First, open templates>ja_haliet>css>addons.css and around line 64 add the code I have highlighted in red below


table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
text-align: center;

}

Then open templates>ja_halite>css>template.css and around line 1554 add the code I have highlighted in red below


.ja-copyright {
padding-left:10px;
padding-right:10px;
width:900px;

}

</blockquote>

I dont see the code you are referring…. this is what I see:

/* FOOTER
--------------------------------------------------------- */
#ja-footer { background: #151515; }

#ja-footer .main {
color: #757575;
overflow: hidden;
padding: 20px 0;
position: relative;
}

#ja-footer small {
color: #454545;
font-size: 100%;
}

/* Foot Links ---*/
.ja-footnav {}

.ja-footnav ul {
float: left;
line-height: normal;
}

.ja-footnav ul#mainlevel-nav { padding-top: 2px; }

.ja-footnav li {
background: url(../images/h-line1.gif) no-repeat right center;
display: block;
float: left;
padding: 0;
}

.ja-footnav li a {
color: #666;
display: block;
line-height: normal;
padding: 0 10px;
font-weight: bold;
}

.ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus {
color: #FFF;
}

.ja-footnav ul.ja-links { float: right; }

.ja-footnav ul.ja-links li {
background: none;
border-left: 0;
padding: 0;
}

.ja-footnav ul.ja-links li a { padding: 3px 10px; }

.ja-footnav ul.ja-links li.top a,
.ja-footnav ul.ja-links li.layout-switcher a {
background: url(../images/arrow-3.png) no-repeat 9px center;
border: 1px solid #454545;
padding-left: 18px;
padding-right: 10px;
}

.ja-footnav ul.ja-links li.top a:hover,
.ja-footnav ul.ja-links li.layout-switcher a:hover {
background: url(../images/arrow-3.png) no-repeat 9px center #313131;
border: 1px solid #454545;
color: #FFF;
text-decoration: none;
}

.ja-footnav .ja-lastitem {
border-left: 0;
padding-left: 5px;
}

.ja-footnav ul.ja-links li.layout-switcher a,
.ja-footnav ul.ja-links li.layout-switcher a:hover {
margin-right: 10px;
background: none;
padding-left: 10px;
}

/* Copyright Info. ---*/
#ja-footer .inner{ float: left; padding: 0; }

.ja-copyright {
padding-left: 10px;
padding-right: 10px;
}

.ja-copyright small { display: block; }

.ja-copyright a { color: #1E557A; }

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#373762

It is there in the code you just pasted

.ja-copyright {
padding-left: 10px;
padding-right: 10px;
}


Just add the bit in red in my above post.

The first edit I mention is in a different file with full details above.

[rbolivar Friend rbolivarJoin date: November 2007Posts: 15Downloads:0Uploads:0 Thanks: 5 Thanked: 1 times in 1 posts]

#373776

I made the changes and I see its centered with the main content but its not centered with the whole website, its not taking in consideration the right column, please help, thank you:

http://inviertahora.com/

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#373782

The width: 900px; is not present. Make sure you have added that as per above and cleared your cache. If you still struggle please PM me your ftp details and an admin account.

1 user says Thank You to Phill for this useful post

1. rbolivar

[Author]

Posts