How to set Footer in the center of the page?

Hello I have JM Wall installed.
I want to show the footer "Site Map Advanced Search Contact" in the center of the page and not in the right side.
Which file do i have to edit? and which code to edit?
Thanks.

4 answers

Profile photo of Sherlock 0.00 $tone July 29, 2013
Public

Hi mate,

you open the file of skin/frontend/default/jm_wall/css/theme.css look for this css rule

HTML Code:

 #ja-footer .jm-legal {
  text-align: right;
}

change it to

HTML Code:

 #ja-footer .jm-legal {
             margin: 0 auto;
            width: 400px;
         }

and then look for this rule

HTML Code:

 #ja-footer .jm-info {
  margin-bottom: 10px;
}

change it to

HTML Code:

 #ja-footer .jm-info {
         margin: 0 auto;
         width: 450px;
       }

I hope those would help !

#1
Profile photo of GEORGE KOO 0.00 $tone July 29, 2013
Public

Hello Sherlock Holmes.
This solution works but it messed the "responsiveness" in other screen sizes like cellphone.
Do you have any idea how to fix this?
Thanks in advance.

#3
Profile photo of Sherlock 0.00 $tone July 30, 2013
Public

Hi mate,

you could open the file of skin/frontend/default/jm_wall/css/layout-mobile.css to add this css rule

HTML Code:

  #ja-footer .jm-info {
                 width: 200px;
              }

and open the file skin/frontend/default/jm_wall/css/layout-tablet.css to add this rule

HTML Code:

  #ja-footer .jm-info {
                 width: 500px;
              }

I hope this helps !

#4

Please login or Register to Submit Answer

Written By

Comments