News:

Looking for documentation? Take a look on our wiki

Main Menu

Bullet removal from Custom Fields

Started by aroniotis, March 12, 2014, 11:22:12 AM

Previous topic - Next topic

aroniotis

Dear vm friends,
I have some vm2 products with custom fields. Their default appearance is like this

Material

  • Stone
  • Gold
Type

  • Type 1
  • Type 2

I want to make it look like this
Material
Stone, Gold
Type
Type 1, Type 2

I try to locate which file to edit but no success. I looked in the files inside components/com_virtuemart/views/productdetails/tmpl but could not make it...
I'd appreciate your help

K&K media production

link to your site? which custom field type?


K&K media production

OK its a 3rd party plugin ... you can change the output of the plugin as corehack or I think the best way is to change the display of the list with own css in your template css file

aroniotis

Are you sure this a 3rd party plugin?
I mean the custom fields of the attached image.

[attachment cleanup by admin]

K&K media production

It is the custom filters plugin and this is a 3rd party plugin.

SimonJae

Quote from: aroniotis on March 12, 2014, 11:22:12 AM
Dear vm friends,
I have some vm2 products with custom fields. Their default appearance is like this

Material

  • Stone
  • Gold
Type

  • Type 1
  • Type 2

I want to make it look like this
Material
Stone, Gold
Type
Type 1, Type 2

I try to locate which file to edit but no success. I looked in the files inside components/com_virtuemart/views/productdetails/tmpl but could not make it...
I'd appreciate your help



Hi aroniotis

It is purely a CSS workaround... should be easy even from your templates CSS - something like - list-style: none !important;
... that is doing an 'over-ride' to the plug-ins default css class/div

... in fact - around line 540 of your  template's "theme.css"
- ul, ol {
padding-left: 0px;
list-style: none;
}

also in the VM style sheet... try...
vmsite-ltr.css - around line 4

.productdetails-view .spacer-buy-area {
padding: 0 0 0 12px;
text-align: left !important;
}

(this will also centre the PRICE... though you should be able to itemise the 'class' and have it centred)

though fiddle from there. Highly recommend you look into the "developer tools" of your browser to check the CSS (maybe install "firebug" or "firebugLite")

Hope that is of some help
Simon
Let the interface live.