| View previous topic :: View next topic |
suga
Joined: 13 Apr 2009
Posts: 6
|
 Posted: Mon May 18, 2009 11:43 am Post subject: Link color |
 |
|
|
| I want to change the link color (so that everyone can actually read them) it's blue on a black background & it's VERY hard to see. How do I change it so that I can have it a lighter easier to see color that everyone can see? |
|
| Back to top |
|
|
admin
Site Admin
Joined: 31 May 2006
Posts: 1424
|
| Posted: Mon May 18, 2009 2:06 pm Post subject: |
|
|
|
You need to write a bit of css code... Here is how you do it:
Login your store admin panel, select Set up -> Edit Configurations. update the value for "Customized CSS Styles".
For example, if you would like to change the link color to white, the value for "Customized CSS Styles" should be:
| Code: | <style type="text/css">
td.textBold a:link { color:#fff; }
</style> |
If you would like to change the background colour of the table headings to black on the Basket page, or related products table, , the value for "Customized CSS Styles" should be:
| Code: | <style type="text/css">
td.tableHeader { background-color:black;}
</style> |
If you want to go back to the system pre-defined styles, remove the code you've set on "Customized CSS Styles".
_________________
Intelliworks Shopping Cart
http://www.intelliworks.com.au |
|
| Back to top |
|
|
suga
Joined: 13 Apr 2009
Posts: 6
|
| Posted: Sat May 23, 2009 6:21 pm Post subject: |
|
|
|
| admin wrote: | You need to write a bit of css code... Here is how you do it:
Login your store admin panel, select Set up -> Edit Configurations. update the value for "Customized CSS Styles".
For example, if you would like to change the link color to white, the value for "Customized CSS Styles" should be:
| Code: | <style type="text/css">
td.textBold a:link { color:#fff; }
</style> |
If you would like to change the background colour of the table headings to black on the Basket page, or related products table, , the value for "Customized CSS Styles" should be:
| Code: | <style type="text/css">
td.tableHeader { background-color:black;}
</style> |
If you want to go back to the system pre-defined styles, remove the code you've set on "Customized CSS Styles". |
The 1st style does not change my link colors at all. They are still blue & with the 2nd one how do I change the writing color in that table header & change the color background on the calc icon? |
|
| Back to top |
|
|
Tracy
Joined: 19 Nov 2009
Posts: 32
Location: Gold Coast
|
| Posted: Tue Jan 05, 2010 11:11 am Post subject: |
|
|
|
| I did the above but it changed my product names not my link names eg sub catergories & links etc |
|
| Back to top |
|
|
admin
Site Admin
Joined: 31 May 2006
Posts: 1424
|
| Posted: Tue Jan 05, 2010 9:51 pm Post subject: |
|
|
|
To change the sub-categories link colour, add the new style in - this will change both products and category links to black:
| Code: | <style type="text/css">
td.textBold a:link { color:#000000; }
a.textBold:link { color:#000000; }
</style> |
_________________
Intelliworks Shopping Cart
http://www.intelliworks.com.au |
|
| Back to top |
|
|
Tracy
Joined: 19 Nov 2009
Posts: 32
Location: Gold Coast
|
| Posted: Tue Jan 05, 2010 10:19 pm Post subject: |
|
|
|
Thank you - can you please also supply the code for mouse over colour at the present time it is orange which doesn't go so well with my site  |
|
| Back to top |
|
|
admin
Site Admin
Joined: 31 May 2006
Posts: 1424
|
| Posted: Wed Jan 06, 2010 8:29 am Post subject: |
|
|
|
Add these two extra lines to the custom style and change the colour.
| Code: | td.textBold a:hover { color:#000000; }
a.textBold:hover { color:#000000; } |
_________________
Intelliworks Shopping Cart
http://www.intelliworks.com.au |
|
| Back to top |
|
|
Tracy
Joined: 19 Nov 2009
Posts: 32
Location: Gold Coast
|
| Posted: Wed Jan 06, 2010 9:46 am Post subject: |
|
|
|
| Thank you works brilliantly |
|
| Back to top |
|
|
transcendaudio
Joined: 31 Jan 2010
Posts: 4
|
| Posted: Sun Jan 31, 2010 2:19 pm Post subject: Link for email |
|
|
|
Hi,
I have tried all of the above but still does not change the link text colours under Email login button for "Sign up" and "Forgot password?"
How do I change the colour of these?
Thanks |
|
| Back to top |
|
|
transcendaudio
Joined: 31 Jan 2010
Posts: 4
|
| Posted: Sun Jan 31, 2010 5:13 pm Post subject: also the shopping cart page... |
|
|
|
Also, how do I change the background color for table data section in shopping cart?
You said that to change the header background colour is
<style type="text/css">
td.tableHeader { background-color:black;}
</style>
but what about cells underneath when there is something in shopping cart?
As my text colour is white, I cannot see the text with white background. How Can I change this?
Thanks |
|
| Back to top |
|
|
admin
Site Admin
Joined: 31 May 2006
Posts: 1424
|
| Posted: Wed Feb 03, 2010 8:43 am Post subject: |
|
|
|
Try
| Code: | | td.tableTextBig { background-color: #000; } |
_________________
Intelliworks Shopping Cart
http://www.intelliworks.com.au |
|
| Back to top |
|
|
transcendaudio
Joined: 31 Jan 2010
Posts: 4
|
| Posted: Thu Mar 04, 2010 12:35 am Post subject: |
|
|
|
Hi,
the one above worked but still not sure how to change the link text colours under Email login button for "Sign up" and "Forgot password?" etc. Come up in blue on my website.
How do I change the colour of these? |
|
| Back to top |
|
|
transcendaudio
Joined: 31 Jan 2010
Posts: 4
|
| Posted: Sun Mar 07, 2010 11:50 am Post subject: still having a few problems with text & background color |
|
|
|
Sorry to ask so many times but my website is still having a few problems.
http://transcendaudio.openstores.com.au/
1. Links in the right column (shopping basket & customer login) shows up in blue still and it is very hard to see. Especially when you have something in shopping basket. How can I make these links in white? The css above is working fine for the rest of the website.
2. Not sure why but I cannot see text in Shopping basket & Customer box on right column on following pages...My account, Feedback, Login, About, Contact, Refund and Shipping. How can I fix this?
3. When you go to "view" shopping basket with products in there, Total price shows in white with gray background. My global text colour is white & want to keep that way but how can I change the background colour in Total price section?
Thank you. |
|
| Back to top |
|
|
admin
Site Admin
Joined: 31 May 2006
Posts: 1424
|
| Posted: Mon Mar 08, 2010 11:51 am Post subject: |
|
|
|
The tip to update the system styles is to find out the style class name for the section you want to change then update them accordingly. Firefox plug in Firebug is a nice tool for testing the changes.
For your store, try
| Code: |
a.textSmall:link { color: #fff; }
td.textBold {background-color: #000;} |
The first style change will update the 'sign up' link colour.
The second style change is for the total price background colour.
Some of the styles are shared by other pages. After the changes, make sure the other pages also look fine.
_________________
Intelliworks Shopping Cart
http://www.intelliworks.com.au |
|
| Back to top |
|
|
visualwobbles
Joined: 28 Mar 2010
Posts: 1
|
| Posted: Mon Mar 29, 2010 7:13 am Post subject: Re: still having a few problems with text & background c |
|
|
|
looking good now. the menu options appear flush with the left border in my resolution, you might want to indent them a bit.
_________________
indianapolis web design |
|
| Back to top |
|
|
