Skip to main content

Change the text size & colour of the Category List

More
14 years 10 months ago #29556 by swlabhot
Change the text size & colour of the Category List was created by swlabhot
I have a dark grey backround as my primary page background colour and as such when the categories and products are displayed in a white boxed backgound. The text is also white so I can't actually see it. How can I change the text colour?

Please Log in or Create an account to join the conversation.

More
14 years 10 months ago #29607 by nicolas
Replied by nicolas on topic Re: Change the text size & colour of the Category List
Go in the menus Display->Content menus/modules and edit your menus/modules. There, you can set the background color.

Please Log in or Create an account to join the conversation.

More
14 years 10 months ago #29667 by swlabhot
Replied by swlabhot on topic Re: Change the text size & colour of the Category List
I need to change the text colour as the background white is ideal.

Please Log in or Create an account to join the conversation.

More
14 years 10 months ago #29698 by nicolas
Replied by nicolas on topic Re: Change the text size & colour of the Category List
For the text itself, you need to add some CSS code in the front end CSS file of HikaShop via the Display tab of the configuration.

For example, if you want to have a green product name on the listings, you can use that code:
.hikashop_product_name a{
color: green !important;
}

Please Log in or Create an account to join the conversation.

More
14 years 10 months ago - 14 years 10 months ago #30015 by swlabhot
Replied by swlabhot on topic Re: Change the text size & colour of the Category List
OK so in the Product Category listing where the image and text/title is shown, and I want to change the white text to black, as the white text blends in with the white background; which Display CSS do I need to add that line to? (View=Category & File=Listing)?

Where in the file do I need to add this line? Anywhere?
Last edit: 14 years 10 months ago by swlabhot.

Please Log in or Create an account to join the conversation.

More
14 years 10 months ago #30042 by nicolas
Replied by nicolas on topic Re: Change the text size & colour of the Category List
CSS code can be added in the front end CSS file that you can edit view the Display tab of the configuration.

Please Log in or Create an account to join the conversation.

More
14 years 10 months ago #30133 by swlabhot
Replied by swlabhot on topic Re: Change the text size & colour of the Category List
I added the line you mentioned above in the frontend css file under the /* category display */ but its not making any difference?

Please Log in or Create an account to join the conversation.

More
14 years 10 months ago #30169 by nicolas
Replied by nicolas on topic Re: Change the text size & colour of the Category List
Could you give a link of your page so that we can see that ?

Also, make sure that you selected the "custom" CSS file on the option of the configuration.

Please Log in or Create an account to join the conversation.

More
14 years 10 months ago #30175 by swlabhot
Replied by swlabhot on topic Re: Change the text size & colour of the Category List
HI Nicholas, yes i selected to use Custom css in the config. Here is the link:

www.stevenwongpt.com/index.php/component/hikashop/category

The white text I'm trying to change is just below the each image. If you mass select the page you will see it. Also referring to my other post, if you click on each category, it doesn't list the products despite I have products link to these categories.

Thanks for your patience.
Steven

Please Log in or Create an account to join the conversation.

More
14 years 10 months ago #30217 by nicolas
Replied by nicolas on topic Re: Change the text size & colour of the Category List
That's a listing of categories, not a listing products, so of course that CSS doesn't change the category name since, as I said, it's to change the product name color.

For the category name you should use:
.hikashop_category_name a{
color: green !important;
}

Please Log in or Create an account to join the conversation.

More
14 years 10 months ago #30256 by swlabhot
Replied by swlabhot on topic Re: Change the text size & colour of the Category List
OK perfect. One more question, how can I capitalise the names entirely?

Please Log in or Create an account to join the conversation.

More
14 years 10 months ago #30306 by nicolas
Replied by nicolas on topic Re: Change the text size & colour of the Category List
Like that:

.hikashop_category_name a{text-transform:uppercase !important;}

Please Log in or Create an account to join the conversation.

More
14 years 10 months ago #30567 by swlabhot
Replied by swlabhot on topic Re: Change the text size & colour of the Category List
Perfect, thank you!

Please Log in or Create an account to join the conversation.

Time to create page: 0.247 seconds
Powered by Kunena Forum