Jump to content

how to get rid of the black background on the footer?


Recommended Posts

Good morning

 

Using PS 1.5.5 default theme

 

1. You should be able to do this in global.css

 

public_html/yourtheme/themes/default/css/global.css

 

and around line 580 you should see this:

 

/* ************************************************************************************************
FOOTER
************************************************************************************************ */
#footer {
color:#fff;
background:#333 (change #333 to the colour of your choice)
}
.blockcategories_footer,
#footer .myaccount ,
#block_various_links_footer,
#social_block,
#block_contact_infos {
float:left;
width:175px
 
 
2. If you mean change the colour of the module headers, categories, tags, specials, best sellers etc then go to:
 
public_html/yourtheme/themes/default/css/global.css
 
And around line 293 you should see this:
 
/* BLOCK .block ******************************************************************************** */
.block {margin-bottom:20px}
#footer .block {margin-bottom:0}
.block .title_block, .block h4 {
padding:6px 11px;
font-size:12px;
color:#fff;
text-shadow:0 1px 0 #000;
text-transform:uppercase;
background:#383838;  (change this colour to whatever you require)
font-weight: bold;
}
 
 
                           http://screencast.com/t/NPADgJQu
 
Hope this helps
 
Paul
 
 
 
EDIT: It would be useful if you could give ps version, theme etc as line numbers may be different
Edited by Paulito (see edit history)
Link to comment
Share on other sites

so Paulito solution should work for you.

make sure that you haven't got CCC option ON (for css files) under adv. parameters > performance tab.

turn on force compilation and turn off cache,

 

then refresh your website with hard refresh (ctrL+f5) or clear browser cache. changes should appear.

Link to comment
Share on other sites

you can upload picture to website like imgur.com then paste url here

it will be much easier if you will share url to your website, then i will inspect code and give you solution

my website is lovejewelrystore.com, could you please also tell me how to find footer.tpl, and where to change the code in home column cross bar, you can see it is black, other is pink, thank you

I want change some code in footer.tpl, but I can't find it

Link to comment
Share on other sites

change color param in:

#footer li a {
color: #fff;
}

http://www.lovejewelrystore.com/themes/default/css/global.css

 

+

#footer .myaccount li a {
display: block;
padding: 0;
color: #fff;
background: none;
}

http://www.lovejewelrystore.com/modules/blockmyaccountfooter/blockmyaccount.css line 25

 

+

#footer {
color: #fff;
background: #ffa07a;
}

http://www.lovejewelrystore.com/themes/default/css/global.css line 577

 

+

#footer .title_block, #footer .title_block a {
font-weight: normal;
font-size: 14px;
color: #fff;
}

http://www.lovejewelrystore.com/themes/default/css/global.css 594

  • Like 1
Link to comment
Share on other sites

change color param in:

#footer li a {
color: #fff;
}

http://www.lovejewelrystore.com/themes/default/css/global.css

 

+

#footer .myaccount li a {
display: block;
padding: 0;
color: #fff;
background: none;
}

http://www.lovejewelrystore.com/modules/blockmyaccountfooter/blockmyaccount.css line 25

 

+

#footer {
color: #fff;
background: #ffa07a;
}

http://www.lovejewelrystore.com/themes/default/css/global.css line 577

 

+

#footer .title_block, #footer .title_block a {
font-weight: normal;
font-size: 14px;
color: #fff;
}

http://www.lovejewelrystore.com/themes/default/css/global.css 594

thank you

Link to comment
Share on other sites

×
×
  • Create New...