How do I center my footer?

Go down

Solved How do I center my footer?

Post by PoodleyPie on April 20th 2018, 11:06 pm

How do I center my footer?

In the CSS, I changed width and the #wrap and #page-body so my forum pages can adjust automatically if the user has a bookmark sidebar on their browser. Wecoc solved this problem. See https://help.forumotion.com/t155525-site-pages-too-wide-need-to-fit-any-browser-when-bookmark-sidebar-used-by-users

Even before I made this change, I couldn't get my footer centered - I tweaked the footerbar width a lot but never got it completely centered. This is how the code looks:

Code:
.footerbar {
         
          background-image: url("https://i62.servimg.com/u/f62/19/89/15/20/footer15.png");
        background-repeat:no-repeat;
    width: 240px;
    height: 290px;
    margin: auto;
    overflow: hidden;
    margin-bottom: -120px;
    padding: 10px;


So I tried width: auto, and I tried width: center. Neither worked. What's the magic code?

Thanks.
avatar
PoodleyPie
Forumember

Posts : 157
Reputation : 6
Language : English

Back to top Go down

Solved Re: How do I center my footer?

Post by SLGray on April 20th 2018, 11:17 pm

You need to remove what you added since it removes the footer links.  You can not use coding to hide those links.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43893
Reputation : 3124
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: How do I center my footer?

Post by PoodleyPie on April 21st 2018, 12:01 am

This is the CSS code that came with the template. I didn't add anything or try to hide the footer, only to center it on the page. I only changed the width from 240px to auto (and then center), hoping this would move the footer picture over. I've tried different px, i.e., 200px, and it moves the footer bar, but does not center it.

The problem with centering was a problem even before I changed this. I hope I explained it better.
avatar
PoodleyPie
Forumember

Posts : 157
Reputation : 6
Language : English

Back to top Go down

Solved Re: How do I center my footer?

Post by PoodleyPie on April 21st 2018, 12:07 am

Never mind, I changed the px to 180 and it's centered now.

Thanks anyway.
avatar
PoodleyPie
Forumember

Posts : 157
Reputation : 6
Language : English

Back to top Go down

Solved Re: How do I center my footer?

Post by PoodleyPie on April 21st 2018, 12:31 am

I spoke too soon. When I change the footer photo, the new photo isn't positioned in the center. Tweaking the width doesn't always get it perfect. (Sigh.)
avatar
PoodleyPie
Forumember

Posts : 157
Reputation : 6
Language : English

Back to top Go down

Solved Re: How do I center my footer?

Post by SarkZKalie on April 21st 2018, 12:41 am

Next time, try to use center html tag
Code:
<center></center>
Or
Code:
.footerbar{
    background: url(https://i62.servimg.com/u/f62/18/64/98/14/sig210.png) no-repeat center center;
    max-width: 500px;
    max-height: 200px;
    height: 100%;
    margin: 20px auto;
    overflow: hidden;
    padding: 10px;
}
BONUS : Remove this line from your CSS to bring the old footer back
Code:
div.navbar ul.linklist li.rightside a {
    display: none; /* change to inline from none */
}
avatar
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 851
Reputation : 135
Language : English

http://rotavn.forumotion.com

Back to top Go down

Solved Re: How do I center my footer?

Post by PoodleyPie on April 21st 2018, 11:01 am

Thanks, SarkZKalie, it works beautifully!
avatar
PoodleyPie
Forumember

Posts : 157
Reputation : 6
Language : English

Back to top Go down

Solved Re: How do I center my footer?

Post by APE on April 21st 2018, 1:07 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules



avatar
APE
Administrator
Administrator

Male Posts : 12728
Reputation : 1344
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum