Joomla Templates Club 406,261 posts

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

#131391

I’ve unpublished the banner position at the bottom and what I want to do is have the footer menu items centered.
I’ve tried working with the CSS code but nothing I try seems to work.

Hoping the Support Team can tell me what I need to do to get the footer menu items (and footer itself) centered on the page.

Thanks !!

TOM

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

#262599

Anyone ??

:((

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#262605

Once you delete the lower banner… you can then center the menu and copyright area:

template_css.css line 1281

#ja-footer {
text-align:center;
}

John.

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

#262606

I’ve actually tried that – several times . . . didn’t work

:((

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#262607

Then apparently the “banner” module is not deleted. You are not going to be able to get an ABSOLUTE center unless that module position is eliminated.

Got a URL so we can take a look.?

John

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

#262614

I deleted the banner position wihtin the index.php file – and made the modifications to the css as you suggested – but nothing happened.

Here is the css I have for the footer section:


#ja-footerwrap {
clear: both;
color: #999999;
height: 100px;
width: 100%;
text-align: center;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
}

#ja-footer {
overflow: hidden;
position: relative;
height: 100px;
text-align: center;
}

[bigrk Friend bigrkJoin date: February 2007Posts: 1425Downloads:0Uploads:2 Thanks: 39 Thanked: 45 times in 15 posts]

#262615

What about your URL so we can see exactly what we are dealing with?

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

#262631

I prefer not to publicly post the url while it’s still in “development.”
Hope you understand – just a personal preference.

Suffice to say, the suggestions above haven’t worked – yet.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#262681

Hi !
You can do it following way below :
Open template_css.css file in templates/ja_iris/css folder , find following code section at about line 1288 :


#ja-footer {
height:100px;
overflow:hidden;
position:relative;
text-align:right;
}


change to :


#ja-footer {
height:100px;
overflow:hidden;
position:relative;
text-align:center;
}


continue , find following code section at about line 1310 :


#ja-footer ul {
margin:0;
padding:0;
position:absolute;
right:0;
top:15px;
}


change to :


#ja-footer ul {
margin:0;
padding:0;
right:0;
top:15px;
}


1 user says Thank You to Sherlock for this useful post

1. TomC

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

#262716

Thanks hainn . . . that did the trick.

It must have been the “absolute” positioning that was messing things up.

🙂

[bigrk Friend bigrkJoin date: February 2007Posts: 1425Downloads:0Uploads:2 Thanks: 39 Thanked: 45 times in 15 posts]

#262725

Marking as Solved.

[Author]

Posts