Removing border on Products Displayed?

  • Posts: 14
  • Thank you received: 0
13 years 5 months ago #18796

Having a hard time trying to remove the boxed border in Category Listing...

I've read the FAQ www.hikashop.com/en/support/documentatio...-styling.html#prices down the bottom, but what/where is the file exactly? Theres alot of CSS files, I just cant find which one its suppose to be....

I go into Joomla > Hikashop > Display > Views then dont know which file it is :)

Also, if I remove the borders here, will it remove the borders from the Shopping Cart view where your shipping address, postage, products are shown? Also keen to remove the borders there as well :)

---

Also, I set up a Menu as "Category Listing", so when I click the menu button, it shows my Categories (only 2). When I go into one of the categories, it shows the multiple products, which is shown as 3 columns, not sure the amount of rows, but where can you change the amount of columns shown etc? <--- EDIT NEVER MIND, FOUND IT UNDER DISPLAY > CONTENT MODULE > Associated products listing for category listing

---

Another thing, how do you remove "HikaShop , Joomla!™ E-Commerce Extension" at the bottom of the shopping cart? Or you cant? Using the free edition.

Last edit: 13 years 5 months ago by leftywhat.

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

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
13 years 5 months ago #18804

You're going in the menu Display->Views once on the configuration page.
But you shouldn't. You should click on the Display TAB of that page. There you have a CSS area where you can edit the CSS file.

The "show footer" option to remove the footer is also in that same tab.

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

  • Posts: 14
  • Thank you received: 0
13 years 5 months ago #18808

Still cant see it.... still unsure where to click :(
Sorry for the hassle...

Last edit: 13 years 5 months ago by leftywhat.

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

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
13 years 5 months ago #18810

On that page: www.hikashop.com/media/doc/config_form_small.png
It's the Display TAB, next to Mail and Plugins.

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

  • Posts: 14
  • Thank you received: 0
13 years 5 months ago #18811

Oh I see... lol theres two display tabs...

So its Joomla > Hikashop > System > Configuration > Display Tab

Thank you very much!
Will have a fiddle now and post again if I'm having any issue (Hopefully not)

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

  • Posts: 14
  • Thank you received: 0
13 years 5 months ago #18813

Hrmm Deleted the Border code

div.hikashop_products div.hikashop_subcontainer{
border: 1px solid;
}


But still showing the border around the products.


Also need to get rid of the borders from the Billing Address, Shipping Method, Payment Method...

Attachments:

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

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
13 years 5 months ago #18816

You need to save the configuration after your modification.

The borders on the checkout are controlled by your template CSS on the fieldset element.

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

  • Posts: 14
  • Thank you received: 0
13 years 5 months ago #18819

Ah thanks heaps, I was saving the CSS when I deleted the code, but I wasn't saving the whole page at the top right corner, thanks for that!
Now I got no borders for the products, yay!

Now I'll try check out the template side of things, just using the beez5 default template joomla has installed... hope I can find it :S

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

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
13 years 5 months ago #18822

It's not difficult. It's just some CSS... You can add that for example:
fieldset{ border: 0px solid !important; }

and that should remove the border.

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

  • Posts: 14
  • Thank you received: 0
13 years 5 months ago #18825

Mmmm I opened up beez5.css, added that line above, but didn't seem to work.

Tried looking for "fieldset" came across line 634, 957, 1137, 1215, 1315, 1328 in beez5.css, but yea.. bit stuck

EDIT: After some trial and error, found it.
LINE 1146 (changed to 0) >>>> border:solid 0px #ddd !important

Now I don't have the borders on the cart page :)

Last edit: 13 years 5 months ago by leftywhat.

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

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
13 years 5 months ago #18827

You could add that CSS in HikaShop's CSS that might work better. Also, don't forget to clean your browser's cache when changing a CSS file. Otherwise, you won't see the modification.

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

  • Posts: 14
  • Thank you received: 0
13 years 5 months ago #18829

Ah now I got to find where the borders for the Customer Account Module is... should I be looking at the CSS in Hikashop again?
If your logged in, go to your account, looking at Orders or Shipping, they both have those borders....

These borders are killing me :P]
By the way, thank you for the help so far, absolutely amazed and much appreciated!

Last edit: 13 years 5 months ago by leftywhat.

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

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
13 years 5 months ago #18831

These borders are also fieldsets. If you change them with the previous CSS they will disapear there as well.

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

  • Posts: 14
  • Thank you received: 0
13 years 5 months ago #18833

Hrmmm well the borders are not showing on the cart side, but they are on the account > customer account/orders/shipping.

Maybe I've missed a bit of code or there's another section?

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

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
13 years 5 months ago #18835

Please do a screenshot

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

  • Posts: 14
  • Thank you received: 0
13 years 5 months ago #18839

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

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
13 years 5 months ago #18841

Yes. That's also a fieldset. Adding the CSS fieldset{ border: 0px solid !important; }
should remove the border...

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

  • Posts: 14
  • Thank you received: 0
13 years 5 months ago #18843

Thank you very much, put that code into line 572, and it worked, no more borders around the customer acc/address/orders.

Not sure what I'd do without your help!

Last thing for tonight, exhausted. The title of the product is aligned to the left, if I want to center it, is that code in the Template CSS or Hikashop CSS or that an option in Joomla somewhere?
The background colour of "No orders found", is that due to the template too along with the colour borders?

imageshack.us/g/199/greensa.jpg/

Argh, massive learning curve for me, I've fiddled with HTML sites etc a long time ago, but been out of the game for a while.

Last edit: 13 years 5 months ago by leftywhat.

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

  • Posts: 5
  • Thank you received: 0
13 years 5 months ago #18848

I've been stuck on the problem of removing the borders from images too but got round it a different way. It's because it's a link that the border is showing so I removed them with the following code...

.hikashop_product_image a img {
border:none;
}

However, I still get the underline on hover which I really don't want so if anyone can help me with that, I'd really appreciate it! :)

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

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
13 years 5 months ago #18854

@leftywhat : That is indeed in your template CSS. The messages styles are in the system template CSS.

@monique1168 : you should use:
.hikashop_product_image a:hover {
text-decoration:none;
}

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

Time to create page: 0.103 seconds
Powered by Kunena Forum