SpaceJump Posted July 21, 2013 Share Posted July 21, 2013 I'm using Presta Shop 1.5.4.1 and the default theme. I have a custom blackish background so I need the fonts to be white. i found the parts the in global.css that change the font color of the left side, but not for the main content part like the product headline and the product description. Any one can point me to where I can do that? Link to comment Share on other sites More sharing options...
vekia Posted July 21, 2013 Share Posted July 21, 2013 open global.css file (themes/default/css/global.css) line ~53 and change the color: param in: body { font: normal 11px/14px Arial, Verdana, sans-serif; color: #222; background: #fff; } Link to comment Share on other sites More sharing options...
SpaceJump Posted July 22, 2013 Author Share Posted July 22, 2013 That only changes the headlines (see "Willkommen..." in the picture), but not the product headlines and product descriptions. Link to comment Share on other sites More sharing options...
vekia Posted July 22, 2013 Share Posted July 22, 2013 you use editorial module where you can define own font color, you defnied there black, so the color is black. Link to comment Share on other sites More sharing options...
vekia Posted July 22, 2013 Share Posted July 22, 2013 f you want to change other stuff, you have to know how to use CSS styles for example, anhors have got another definition of the color... the same as colors in the top menu. (moreaover - totally different file) Link to comment Share on other sites More sharing options...
SpaceJump Posted July 23, 2013 Author Share Posted July 23, 2013 (edited) I see. I managed to changed most of the fonts. But the font color of the module Highlights doesn't seem to be affected by the CSS files. The color is stil grey there (see screenshot). Can this be or is there another way? Edited July 23, 2013 by SpaceJump (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted July 23, 2013 Share Posted July 23, 2013 #viewed-products_block_left li .text_desc p, #viewed-products_block_left li .text_desc p a { padding-bottom: 0; line-height: 14px; color: #666; } global.css #featured-products_block_center .product_desc, #featured-products_block_center .product_desc a { color: #666; } homefeatured.css #new-products_block_right dd, #new-products_block_right dd a { color: #666; } blocknewproducts.css you have to check modules css files Link to comment Share on other sites More sharing options...
SpaceJump Posted July 23, 2013 Author Share Posted July 23, 2013 Thank you again. I didn't know there were seperate CSS files in the modules folders. Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now