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.
PoodleyPie
PoodleyPie
Forumember

Posts : 161
Reputation : 6
Language : English

View user profile

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.


wrap - How do I center my footer? Keep_s10
wrap - How do I center my footer? Slgray10

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

Male Posts : 48313
Reputation : 3392
Language : English
Location : United States

View user profile https://help.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.
PoodleyPie
PoodleyPie
Forumember

Posts : 161
Reputation : 6
Language : English

View user profile

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.
PoodleyPie
PoodleyPie
Forumember

Posts : 161
Reputation : 6
Language : English

View user profile

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.)
PoodleyPie
PoodleyPie
Forumember

Posts : 161
Reputation : 6
Language : English

View user profile

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 */
}
SarkZKalie
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 1193
Reputation : 194
Language : English

View user profile https://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!
PoodleyPie
PoodleyPie
Forumember

Posts : 161
Reputation : 6
Language : English

View user profile

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


wrap - How do I center my footer? Left1212wrap - How do I center my footer? Center11wrap - How do I center my footer? Right112
wrap - How do I center my footer? Ape_b110
wrap - How do I center my footer? Keep_s10
wrap - How do I center my footer? Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 15908
Reputation : 1712
Language : fluent in dork / mumbojumbo & English haha

View user profile 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