Jump to content

How to change text color on page


Recommended Posts

Need to change text color from white to black. There are 3 parts in my blog page that are hiding because I have a white background. Any body have an idea on how to apply the appropriate code to change this? I tried changing the code below but it affected other important text.
 

a, a:active, a:visited {
    color:#fff;}
    

URL to prob: http://www.vlsboutique.com/prestashop/SmartBlog 

 

pic showing the highlighted missing text 
post-785683-0-93569200-1399998236_thumb.jpg
 
pic showing text when highlighting whole region
post-785683-0-75130800-1399998242_thumb.jpg
 
Thanks, appreciate all feedback!

Edited by pngb4 (see edit history)
Link to comment
Share on other sites

Need to change text color from white to black. There are 3 parts in my blog page that are hiding because I have a white background. Any body have an idea on how to apply the appropriate code to change this? I tried changing the code below but it affected other important text.

 

a, a:active, a:visited {
    color:#fff;}
    

URL to prob: http://www.vlsboutique.com/prestashop/SmartBlog

 

pic showing the highlighted missing text 

attachicon.gifwhite_text.JPG

 

pic showing text when highlighting whole region

attachicon.giftext_highlight.JPG

 

Thanks, appreciate all feedback!

You will need to go to the following:

 

prestashop/themes/boutique/css/custom/custom.css

 

And the line you want to edit is 8 :)

Edited by benjy206 (see edit history)
Link to comment
Share on other sites

Thanks for advice but I've tried that already. Like I wrote in my first post, I changed 

a, a:active, a:visited {
    color:#fff;}    (which is line 8 and 9 in custom.css)
to
a, a:active, a:visited {
color:#000;}
 
    

But then other important text like login and cart changed as well. Trying to just change this particular text.

Link to comment
Share on other sites

You have your code in yourdomain/modules/smartblog/css/smartblogstyle.css

 

Find :

.articleHeader span, .articleHeader span a {
    font-size: 11px;
}

change to

.articleHeader span, .articleHeader span a {
    color: #000;
    font-size: 11px;
}

and find this

.readMore .more a {
    float: right;
    font-weight: bold;
    padding: 0 10px;
}

change to this

.readMore .more a {
    color: #000;
    float: right;
    font-weight: bold;
    padding: 0 10px;
}

or add this to your custom.css:

.articleHeader span, .articleHeader span a {
    color: #000;
}
.readMore .more a {
    color: #000;
}

Change color to your desired color

  • Like 1
Link to comment
Share on other sites

You have your code in yourdomain/modules/smartblog/css/smartblogstyle.css

 

Find :

.articleHeader span, .articleHeader span a {
    font-size: 11px;
}

change to

.articleHeader span, .articleHeader span a {
    color: #000;
    font-size: 11px;
}

and find this

.readMore .more a {
    float: right;
    font-weight: bold;
    padding: 0 10px;
}

change to this

.readMore .more a {
    color: #000;
    float: right;
    font-weight: bold;
    padding: 0 10px;
}

or add this to your custom.css:

.articleHeader span, .articleHeader span a {
    color: #000;
}
.readMore .more a {
    color: #000;
}

Change color to your desired color

 

Awesome! Thanks for the help, really appreciate it!

Link to comment
Share on other sites

×
×
  • Create New...