Center Navigation in Footer

  • 1
  • Question
  • Updated 6 years ago
  • Answered
Is there any way that I can center my navigation in my footer thorough custom css on yola silver? My site is compdev.ndhmt.com? I have tried playing around with the css for the footer but its not turning out like I want it to. Thanks!
Photo of Nathan Henderson

Nathan Henderson

  • 157 Posts
  • 3 Reply Likes

Posted 6 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Nathan,

I haven't seen any reference to CSS being placed in the footer area

Try this and see

<div style="text-align: center;">
Type or place your text or other elements (including images, tables, and so on) that you want centered.
</div>


Ref: http://webdesign.about.com/od/htmltag...
Photo of Nathan Henderson

Nathan Henderson

  • 157 Posts
  • 3 Reply Likes
If you look at my site, compdev.ndhmt.com, it already has a footer which is default for the style of my site. It is the same as the navigation on the top of my site. It is the part in the gray area excluding the copyright. You have to change the CSS with CSS Override in Yola Silver, which I have. I just don't know what CSS to change to make it centered.
Photo of Philip Taylor

Philip Taylor

  • 355 Posts
  • 66 Reply Likes
I believe the centering thing is a bit different in Firefox from IE and you may need to add margin-left:auto and margin-right:auto as well as the text-align:center, for it to work on both. Don't forget to close the div.
Photo of Nathan Henderson

Nathan Henderson

  • 157 Posts
  • 3 Reply Likes
Here are screenshots of what I want.

What it is now:


What I need:


Understand what I'm trying to say?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Yes. Thank you:

The styling affecting this is:

div.ys_footer div.ys_bottom_nav ul {
float: left;
list-style: none outside none;
margin: 0;
padding: 0;
text-align: center;
width: 100%;
}


The float: left is pulling it over. Someone had a trick for this and I just can't recall. I'll keep on looking and hopefully come across something.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Nathan

I have forwarded your request to our Coding experts. Please allow a while for them to reply. I will update you as soon as we know more.

In the meantime, if you don't want to wait, you can try to ask this question to one of our knowledgeable power users, e.g. Shawn Holman. Please see his most recent post here: Request a script, share a script. He is open for requests and has invited the Yola community to ask him questions.