CSS for Product page

  • Posts: 102
  • Thank you received: 0
8 years 9 months ago #229166

-- url of the page with the problem -- : www.m2820.com
-- HikaShop version -- : 2.6.1
-- Joomla version -- : 3.4.8
-- PHP version -- : 5.6.17

Greetings,

If you go to my store ( www.williamandrewsimon.com/store/store ), I need help with a few CSS issues. I believe I understand that I need to add a few lines of CSS code to my HikaShop, custom, CSS file (HikaShop > System > Display > Front-end CSS File), but I cannot figure out which elements need to be changed. Here's what I'm trying to change:

1. I need to change the color of the brown (#333333) product box that goes around the book and its description. If I add the following code, it looks like it changes a box behind the box I'm trying to change:

#hikashop_category_information_menu_122 {
background: #333333;
} */

2. The padding around the product (or book) picture to move it away from the edge of the brown box and the text that is on its right.
3. If you click on the product/book picture or its title, it takes you to that book's information page and the title is way too big. How to I make it an h2 or h3?
4. Last, if you add book to the shopping cart, it doesn't allow you to remove it. When I've used HikaShop in the past, the shopping cart had a small "X" beside the number of products in the shopping cart so you could delete that product. Is that no longer available?



Brad

Sunday School Teacher Training
www.m2820.com
Attachments:

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
8 years 9 months ago #229171

Hi,

1. That color can be configured in the settings of your menu item. So edit it via the Joomla menu manager and you'll find the background color setting in the "products options" tab there.

2. You could do for example:
.hikashop_subcontainer td {
padding: 30px;
}

3. It's a h1. Edit the file "show_default" via the menu Display>Views and change the tags <h1> and </h1> to h2 or h3.

4. The delete icon is there. It's just that your template's layout doesn't have enough space to display it on the left side area so it gets hidden.
You can add such CSS:
.hikashop_cart_module_product_delete_value { width: 15px; }
in order to force the width of that area so that you can see the delete buttons.

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

Time to create page: 0.062 seconds
Powered by Kunena Forum