Jump to content

[solved] Change default theme


Recommended Posts

Hello everyone,

 

This is my actual test e-shop : http://www.dgeneral.ch/TheStreetMag/ (it's based on the default theme).

 

I would like to change the footer:

  1. Delete the lite grey line (with the 5 icons)
  2. Empty the bloc below
  3. Transform the bloc below in a html bloc, where I can a html code (for advertisment per exemple)

 

And the final step would be to have the foot bloc with the same design (corner and centered) like the menu (under the header).

 

Can someone help me to do that?

 

Thanks in advance,

David

Link to comment
Share on other sites

  1. Delete the lite grey line (with the 5 icons)

 

this is reinsurance / reassurance module, go to the modules section, look for this module and disable / uninstall / delete it.

 

Empty the bloc below

go to the modules -> positions and remove all modules from footer section.

 

 

Transform the bloc below in a html bloc, where I can a html code (for advertisment per exemple)

 

 

use free html block module

select footer section in module configuration page and insert own code

Link to comment
Share on other sites

Ok, I will find an other way to put my php code... thanks you so much!

 

Have you an idea what I could do to have the footer bloc with the same design (corner and centered) like the menu (under the header)?

Link to comment
Share on other sites

ok

 

i don't know the source of the template, but you should check this:

 

open themes/yourtheme/footer.tpl file then:

move the whole div: div class="grid_9 alpha omega clearfix" id="footer"> into the div above: <div class="grid_9 alpha omega clearfix" id="columns">

 

just paste the #footer div at the end of #columns div

 

then change the class file: themes/default/css/cleantheme.css:

#footer {
background: none repeat scroll 0 0 #333333;
color: #FFFFFF;
margin: 0 0 0 -15px;
width: 1010px;
}

 

remove width param and change margin to:

margin: 0px auto 10px auto;

 

edit also:

#footer {
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}

 

to:

 

#footer {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

 

final effect:

 

hqTo9UQ.png

Link to comment
Share on other sites

hello

 

i checked your page source code and the width: 1010px;

still appears there, you have to remove it.

 

then change the class file: themes/default/css/cleantheme.css:

#footer {

background: none repeat scroll 0 0 #333333;

color: #FFFFFF;

margin: 0 0 0 -15px;

width: 1010px;

}

 

remove width param and change margin to:

 

margin: 0px auto 10px auto;

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...