Change the text size & colour of the Category List

  • Posts: 32
  • Thank you received: 0
13 years 2 weeks ago #29556

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.

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 1 week ago #29607

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.

  • Posts: 32
  • Thank you received: 0
13 years 1 week ago #29667

I need to change the text colour as the background white is ideal.

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 1 week ago #29698

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.

  • Posts: 32
  • Thank you received: 0
13 years 1 week ago #30015

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: 13 years 1 week ago by swlabhot.

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 1 week ago #30042

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.

  • Posts: 32
  • Thank you received: 0
13 years 1 week ago #30133

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.

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 1 week ago #30169

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.

  • Posts: 32
  • Thank you received: 0
13 years 1 week ago #30175

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.

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 1 week ago #30217

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.

  • Posts: 32
  • Thank you received: 0
13 years 1 week ago #30256

OK perfect. One more question, how can I capitalise the names entirely?

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
13 years 1 week ago #30306

Like that:

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

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

  • Posts: 32
  • Thank you received: 0
13 years 4 days ago #30567

Perfect, thank you!

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

Time to create page: 0.069 seconds
Powered by Kunena Forum