Changing all table header font sizes

  • Posts: 59
  • Thank you received: 0
11 years 3 months ago #156270

-- HikaShop version -- : 2.2.3
-- Joomla version -- : 2.5.19

Trying to set the font size for the various HS table headers. I am assuming something in my template (or Hikashop) is setting headers to be h1, which is way too large for good display.

Specifically I am trying to set font size smaller for the user account views of:

- view your orders table
- show the carts
- show the wishlists

I managed to set the header for the actual individual wishlist view table by adding to the Front-end CSS

#hikashop_cart_product_listing th{
font-size: 16px;
}

However, it only affected that one table. I need to change all tables. Been trying to find where this is controlled, but just cannot seem to find it. Hopefully someone can guide me on this. Thanks.

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

  • Posts: 2143
  • Thank you received: 747
11 years 3 months ago #156283

If you target the CSS at only the one ID (#hikashop_cart_product_listing), then only this one will be affected, of course.

If you want to have this valid for ALL table headers across your entire website - meaning also in "non-HikaShop" tables, you can use this one:

th {
font-size: 16px !important;
}

If you want to limit it to HikaShop tables only and leave other tables in your site separate, you can try
[id*="hikashop"] th, [class*="hikashop"] th {
font-size: 16px !important;
}


Need help with customisations of layouts, style or other site development? PM me!
(Don't forget to turn on "E-mail notification of new messages" )
Last edit: 11 years 3 months ago by lousyfool.
The following user(s) said Thank You: neilw

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

  • Posts: 59
  • Thank you received: 0
11 years 3 months ago #156285

Worked perfect. Thanks.

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

Time to create page: 0.065 seconds
Powered by Kunena Forum