View Full Version : How to chage the style of product through css
changshiguang
04-05-06, 06:30 PM
In merchant2, when I choose a category from left nav bar, the content is displayed on the right column. But the title of selected category can't be displayed properly since it's font color is white, the same color with backgound. So how can I change that color? Thanks alot.
PCINET - Andreas
04-05-06, 06:37 PM
What version of Miva are you using. Is it really Miva 2.x uncompiled?
changshiguang
04-05-06, 06:39 PM
from the admin part, beside "open UI', I noticed 'MM: v4.22 / MVM: v4.1400. So maybe it's version 4. But the address is http://.../merchant2/...
Bruce - PhosphorMedia
04-05-06, 06:41 PM
Change the background color, or change the color of the links. You can change these easily through the global header by adding:
<style>
A:Link {font-color:color-here}
A:Visited {font-color:color-here}
A:Active {font-color:color-here}
A:Hover {font-color:color-here}
</style>
Vic - WolfPaw Computers
04-05-06, 06:42 PM
The body text font color is changed through admin -> Stores -> Storename -> Colors.
You can use a style sheet to control the fonts, but it will depend on at what level you want to change things. Either using the body itself or the TD for the control.
If you employ the use of a third party module such as Display Wizard Pro (http://www.mivacentral.com/Merchant2/merchant.mv?Screen=PROD&Store_Code=m&Product_Code=SFMALL-DWP&ref=WPAW), you will have MUCH more control over the tables and able to insert class id's for the individual tables. You can go a step further with Viking Coders Templates (http://www.mivacentral.com/Merchant2/merchant.mv?Screen=PROD&Store_Code=m&Product_Code=VCS-TEMPLATES&ref=WPAW)to completely customize the screens and add class id's pretty much anywhere you'd like.
changshiguang
04-05-06, 06:56 PM
To Bruce,
Thanks for your information. But the category name is not displayed as link on right column. It's common text.
To WolfPaw,
Thank u also. But it seems don't work. Following is the source code of pages.
<FONT FACE="" SIZE=""><H2><FONT FACE="" SIZE="" COLOR="#ffffff"><B>Baby
Shower Gift Baskets</B></FONT></H2>
Vic - WolfPaw Computers
04-05-06, 07:01 PM
To Bruce,
To WolfPaw,
Thank u also. But it seems don't work. Following is the source code of pages.
<FONT FACE="" SIZE=""><H2><FONT FACE="" SIZE="" COLOR="#ffffff"><B>Baby
Shower Gift Baskets</B></FONT></H2>
Which part doesnt work? Are you trying to change the category title? You can either add this to your category name: <font color=xxxx>Baby Shower Gift Basket</font> or an inline style.
Or add H2 {font-color:color} to your style sheet.
Otherwise, you'll need category templates as I mentioned.
changshiguang
04-05-06, 07:08 PM
Which part doesnt work? Are you trying to change the category title? You can either add this to your category name: <font color=xxxx>Baby Shower Gift Basket</font> or an inline style.
Or add H2 {font-color:color} to your style sheet.
Otherwise, you'll need category templates as I mentioned.
I can't modify the content of '<font color=xxxx>Baby Shower Gift Basket</font>' since it's generated by miva. Also I can't use H2 to define the color since <font color...> will override it...
Bruce - PhosphorMedia
04-05-06, 07:20 PM
ignore the first post...i thought you where trying to change the link to the category. Category headers are defined under Colors (heading color). If this is already set to white for another reason, you need to do what Vic suggested and get an addition control module (Category Templates from Vikingcoders would be the logical choice).
What Vic was saying that you enter <font color="black">Cat Name</font> as the CATEGORY NAME...while that will work, its a pretty crude hack since the font tag will show up as plain text in the page title for example.
Vic - WolfPaw Computers
04-05-06, 07:23 PM
In your edit category screen...where you input the category name.
Surround the category name with your font color tag.
You can override the ugly title in the browser title bar by editing the OpenUI Title tab.
Again, otherwise you would need Category Templates from Viking Coders (http://tinyurl.com/awlfs) to have the level of control you desire.
changshiguang
04-05-06, 07:27 PM
Thanks for all your help and I change the header color to black to resolve the issue. Thanks alot.
Vic - WolfPaw Computers
04-05-06, 07:31 PM
I guess we're all confused on what exactly you're trying to change...the header doesnt even come into play in this equation.
Glad its working in any case.
vBulletin® v3.7.4, Copyright ©2000-2008, Jelsoft Enterprises Ltd.