The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Footer position

View previous topic View next topic Go down

Solved Footer position

Post by Wolfmist on Wed Jun 21 2017, 07:02

Hello there! I would like to change the appearance of the footer position and how it behaves, please?

So I want to change it from this...


and centralise the line, bunched together nicely like so:

Home | Free forum | Games | Renaissance Kingdoms | phpBB | Free forum support | Statistics | Contact | Report an abuse

Where and how do I do this, please?


Last edited by Wolfmist on Thu Jun 22 2017, 18:10; edited 1 time in total
avatar
Wolfmist
Forumember

Male Posts : 25
Reputation : 0
Language : United Kingdom

Back to top Go down

Solved Re: Footer position

Post by SLGray on Wed Jun 21 2017, 07:23

Please post your forum's link for appearance issues/question.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40171
Reputation : 2714
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Footer position

Post by Wolfmist on Wed Jun 21 2017, 07:25

SLGray wrote:Please post your forum's link for appearance issues/question.

http://badwolfpuppy.msnboard.net/
avatar
Wolfmist
Forumember

Male Posts : 25
Reputation : 0
Language : United Kingdom

Back to top Go down

Solved Re: Footer position

Post by SLGray on Wed Jun 21 2017, 07:29

Check to see if you see these in your CSS stylesheet:
Code:
ul.linklist li.footer-home {
    float: left;
}
ul.linklist li.rightside {
    float: right;
}
If they are there, remove them.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40171
Reputation : 2714
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Footer position

Post by Wolfmist on Wed Jun 21 2017, 07:37

SLGray wrote:Check to see if you see these in your CSS stylesheet:
Code:
ul.linklist li.footer-home {
    float: left;
}
ul.linklist li.rightside {
    float: right;
}
If they are there, remove them.

No, they are not there. All I have is this:
Code:
.post { border-bottom : 1px solid #0076B1;}

Also, I think maybe my query has something to do with ... [ Templates > General > overall_footer_begin ] ... ? No clue, however.
avatar
Wolfmist
Forumember

Male Posts : 25
Reputation : 0
Language : United Kingdom

Back to top Go down

Solved Re: Footer position

Post by skouliki on Wed Jun 21 2017, 10:29

hello

add this in your css

Code:
#pun-foot {
  float: center;
}
avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 2893
Reputation : 438
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Footer position

Post by Wolfmist on Wed Jun 21 2017, 12:20

skouliki wrote:hello

add this in your css

Code:
#pun-foot {
  float: center;
}

Sorry, it hasn't worked.
avatar
Wolfmist
Forumember

Male Posts : 25
Reputation : 0
Language : United Kingdom

Back to top Go down

Solved Re: Footer position

Post by SarkZKalie on Wed Jun 21 2017, 14:22

Could you please provide your overall_footer_end template here with a code tag?
P/S: Float property ain't have a center value. More detail's here
avatar
SarkZKalie
Forumember

Male Posts : 577
Reputation : 87
Language : English

http://rotavn.nstars.org/

Back to top Go down

Solved Re: Footer position

Post by Wolfmist on Wed Jun 21 2017, 14:25

SarkZKalie wrote:Could you please provide your overall_footer_end template here with a code tag?
P/S: Float property ain't have a center value. More detail's here

Code:
<!-- BEGIN html_validation -->
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <div>
                     <div>
<!-- END html_validation -->
                     </div>
                  </div>
               </div>
            </div>
            <div id="{ID_RIGHT}">
               <!-- BEGIN giefmod_index2 -->
               {giefmod_index2.MODVAR}
               <!-- BEGIN saut -->
               <div style="height:{SPACE_ROW}px"></div>
               <!-- END saut -->
               <!-- END giefmod_index2 -->
            </div>
         </div>
      </div>
   </div>
</div>
<div id="page-footer">
   <div class="navbar">
      <div class="inner">
         <span class="corners-top"><span></span></span>
         <ul class="linklist clearfix">
            <li class="footer-home">
               <a class="icon-home" href="{U_INDEX}" accesskey="h">{L_HOME}</a>
            </li>
            <li class="rightside">
<!-- BEGIN html_validation -->
            </li>
         </ul>
      </div>
   </div>
</div>
<!-- END html_validation -->

And this is the overall_footer_end code:
Code:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <div>
                     <ul>
                        <li>
<!-- END html_validation -->
                        </li>
                     </ul>
                     <!-- BEGIN switch_footer_links -->
                     <ul class="linklist clearfix">
                        <li class="rightside">
                           <!-- BEGIN footer_link -->
                              <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
                              {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                           <!-- END footer_link -->
                        </li>
                     </ul>
                     <!-- END switch_footer_links -->
                     <span class="corners-bottom"><span></span></span>
                  </div>
               </div>
               <p class="copyright">
                  <strong>{ADMIN_LINK}</strong>
               </p>
            </div>
            {PROTECT_FOOTER}
         </div>
      </div>
   </div>
</div>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    $(document).ready( function() {
        $('div.fb-login-button, span.fb-login-button').attr({
            "data-scope": "{switch_facebook_login.FB_SCOPE}",
            "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
            "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
            "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
            "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
        });
        $('div.fb-login-button, span.fb-login-button').each(function() {
            if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
            }
            if($(this).html() == '') {
                $(this).html('{switch_facebook_login.FB_LABEL}');
            }
        });

        FB.init({
            appId  : "{switch_facebook_login.FB_APP_ID}",
            cookie  : {switch_facebook_login.FB_COOKIE},
            xfbml  : {switch_facebook_login.FB_XFBML},
            oauth  : {switch_facebook_login.FB_OAUTH},
            version : '{switch_facebook_login.FB_VERSION}'
        });

        (function(d, s, id){
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {return;}
                js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    });
    function onLoginFB() {
        window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
    }
</script>
<!-- END switch_facebook_login -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>
</body>
</html>


avatar
Wolfmist
Forumember

Male Posts : 25
Reputation : 0
Language : United Kingdom

Back to top Go down

Solved Re: Footer position

Post by SarkZKalie on Wed Jun 21 2017, 16:22

First of all, you have to add this to your CSS
Code:
ul.linklist li.rightside {
    float: left;
    width: 100%;
    margin: 10px auto;
    text-align: center;
}
Is it okay?
avatar
SarkZKalie
Forumember

Male Posts : 577
Reputation : 87
Language : English

http://rotavn.nstars.org/

Back to top Go down

Solved Re: Footer position

Post by Wolfmist on Thu Jun 22 2017, 04:49

SarkZKalie wrote:First of all, you have to add this to your CSS
Code:
ul.linklist li.rightside {
    float: left;
    width: 100%;
    margin: 10px auto;
    text-align: center;
}
Is it okay?

Brilliant - nearly there! Thank you! Here's the result so far...

Next, that 'Home' link needs centralising. What needs entering for that, please?
avatar
Wolfmist
Forumember

Male Posts : 25
Reputation : 0
Language : United Kingdom

Back to top Go down

Solved Re: Footer position

Post by SarkZKalie on Thu Jun 22 2017, 14:05

Replace that CSS by this one
Code:
ul.linklist li.footer-home, ul.linklist li.rightside {
    float: left;
    width: 100%;
    text-align: center;
}
This is easy way, so no need to modify your template.
avatar
SarkZKalie
Forumember

Male Posts : 577
Reputation : 87
Language : English

http://rotavn.nstars.org/

Back to top Go down

Solved Re: Footer position

Post by Wolfmist on Thu Jun 22 2017, 17:48

SarkZKalie wrote:Replace that CSS by this one
Code:
ul.linklist li.footer-home, ul.linklist li.rightside {
    float: left;
    width: 100%;
    text-align: center;
}
This is easy way, so no need to modify your template.

This works! Thank you very, very much!



Issue resolved! Thanks again! Very Happy
avatar
Wolfmist
Forumember

Male Posts : 25
Reputation : 0
Language : United Kingdom

Back to top Go down

Solved Re: Footer position

Post by SLGray on Thu Jun 22 2017, 20:09

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


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40171
Reputation : 2714
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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