Simplify the product options table

  • Posts: 317
  • Thank you received: 20
  • Hikashop Business
1 year 7 months ago #350371

-- url of the page with the problem -- : www.javelincommunications.com/build-your-dream-stanchion
-- HikaShop version -- : 4.7.1
-- Joomla version -- : 3.10.11

Hi, right now it looks like this. Very busy with distracting borders.



I can see the Tr/Td html table code in my inspector but find that overrides via custom.css file don't work. I am sure there must be a simple trick to making this possible. We're going for a simple, clean, spacious look, dispensing almost entirely with borders. Do I make these customizations some other way than in custom.css?
Or, will it work to use something like #jikashop as a selector? Is that my problem?
Thanks you!
-Jim Gribble

Attachments:
Last edit: 1 year 7 months ago by jgribble.

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
1 year 7 months ago #350373

Hi,

You have JCH Optimize. So you need to clear the cache of JCH Optimize when you add new CSS code. Otherwise, it won't be taken into account until the cache of JCH is reset.
I would actually recommend turning of that extension while you're setting up your website.

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

  • Posts: 317
  • Thank you received: 20
  • Hikashop Business
1 year 7 months ago #350407

I have JCH set low and it hasn't caused this kind of problem before but I will try turning it off. My previous custom.css instances in Hikashop are all working fine.
I wonder if it's just something I am doing wrong.
In editing the tables in the custom.css file, do I need to use a special selector?
I'm thinking that might be: #hikashop_product_options?
Thank you!
-Jim Gribble

Last edit: 1 year 7 months ago by jgribble.

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

  • Posts: 317
  • Thank you received: 20
  • Hikashop Business
1 year 7 months ago #350409

Solved my problem with this code at end of custom.css file.

#hikashop_product_characteristics, #hikashop_product_options {
border: none;
}
.hikashop_product_characteristics_table td, .hikashop_product_options_table td {
border: none
}#hikashop_product_top_part h1 {
border-bottom: none;
}
Muich cleaner and more modernist. Thanks for pointing me in the right direction.
-Jim Gribble

Last edit: 1 year 7 months ago by jgribble.

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

Time to create page: 0.064 seconds
Powered by Kunena Forum