Tidy up CSS for custom fields in short description

4 years 1 month ago
Posts: 242
More
Topic Author
Tidy up CSS for custom fields in short description #2257
I want to condense the css for the custom fields that are shown in the short descriptions like in my screenshot attached.

I took a look and seems if I change this CSS
.uk-list-striped > li {
  padding: 5px 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

in my custom.css file to;
.uk-list-striped > li {
  padding: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

But I guess If I change this, then it will change for all instances where I may use the uk-striped class.

Please can you help/advise what i can change to reduce these custom fields, using CSS.

Thanks in advance,
Andy


Nil Satis Nisi Optimum
Attachments:

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

4 years 1 month ago
Posts: 242
More
Topic Author
Tidy up CSS for custom fields in short description #2258
Also how can I move the price to below the custom fields information?
I think this should be near the add to cart button.

But ideally I dont want to alter your override files, as guess this will hinder me keeping upto date in the future

Nil Satis Nisi Optimum

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

4 years 1 month ago
Posts: 242
More
Topic Author
Tidy up CSS for custom fields in short description #2264
Can you please point me in the right direction of help here.
Thanks
Andy

Nil Satis Nisi Optimum

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

4 years 1 month ago
Posts: 954
More
Tidy up CSS for custom fields in short description #2265
You can do this with CSS custom.css ...
Just make sure you always start with a css class that is special for just that page type you want to change: Product details you have div #product-information ...

So doing:
#product-information .uk-list-striped > li {
padding: 0px;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

You will only do the changes on that product details page.

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

4 years 1 month ago
Posts: 242
More
Topic Author
Tidy up CSS for custom fields in short description #2267
Ah Thats what I was missing ;)

I have actually gone for this as the margin seems to cause a bit of mess between the shade & the border - see screenshots below
#product-information .uk-list-striped > li {
padding: 2px;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
#product-information .custom-fields-sorted .product-field { margin: 0px;}



Nil Satis Nisi Optimum
Attachments:
The following user(s) said Thank You cnorin

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

Time to create page: 0.143 seconds
Powered by Kunena Forum

Latest News from JoomlaPro.com

VMuikit 5 is finally out!

Our next version of our popular VMuikit package is out. This time we have some quite nice new features.

Electroneum Joomla/VirtueMart plugins

JoomlaPro.com are not only web & Joomla enthusiast, we cannot stay away from checking other tech trends as well. The last few years its been hard to miss the crypto/blockchain ...

New plugin: Secure Joomla Login

We have released a new plugin that adds a extra PIN code and a reCaptcha v2 check on Joomlas login. Security is very important on all fronts of a website. One often missed one is ...

We accept PayPal, 2Checkout & Electroneum payments:

We accept PayPal payments    We accept 2checkout payments  electroneum payment


For news and updates please like :