Jump to content

How do I change font color/size?


Recommended Posts

Hi,

I'm trying to change the font color of the 'category' listings as well as in
the other sidebar blocks on both sides of my page.

I also want to change the wording in the 'Manufacturer' heading.

Can anyone point me in the right direction?

Thanks!

Ken

Link to comment
Share on other sites

To change the font colour of the category listings, look at the /* Block categories */ section of your global.css. Change the color in the following section:

div#categories_block_left ul.tree a{
   padding-left:0;
   color:#374853;
}
div#categories_block_left ul.tree a:hover{
   text-decoration:none;
}
div#categories_block_left ul.tree a.selected{
   color: #488c40;
   font-weight: bold;
}



To change the font size of the categories, you should modify this section:

div#categories_block_left ul.tree li {
   border:none;
   padding-left:15px;
   background: none;
   margin-left:0;
   font-weight:bold;
   font-size:13px;
   line-height:13px;
   margin-top:2px;
}
div#categories_block_left ul.tree li ul li{
   padding-left:15px;
   background:none;
   font-size:11px;
   font-weight:normal;
}
div#categories_block_left ul.tree li ul li ul li{
   padding-left:15px;
   font-size:9px;
}



To change the manufacturing heading, go to Tools > Translations > Modules translations, click the USA flag, then scroll down to the "prestashop - blockmanufacturer" section and re-enter each of the strings using something like "brands" instead of "manufacturers".

Link to comment
Share on other sites

  • 4 weeks later...

Hi Rocky,
Thanks for your tips.
I would also like to change the font colors of all the texts except for block titles, add to cart, more info, viewed items etc. In other words, I would like to leave the font color of the texts that appear with small colored background. But would like to change the font color of all the floating texts like, manufacturers' name, product title, price, short description (that appears on the featured item, viewed item etc; as I know I can change the color in product detail page with the text editor).
Where in the global.css file are the codes hidden?
Thanks in advance.
Hurray

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