Author Topic: A little CSS help please in cart module  (Read 218 times)

blackrat999

  • Jr. Member
  • **
  • Posts: 114
A little CSS help please in cart module
« on: July 25, 2017, 15:57:05 pm »
Is anyone able to give me a hand getting the text in the cart module to go to a new line if it is too wide please?
see attached for screenshot
I havent been able to get this right

Thanks for looking, he site is at https://ukgd.temp-gingerweb.com
VM 3.2.2

cheers

jenkinhill

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 26090
  • Always on vacation
    • Jenkin Hill Internet
Re: A little CSS help please in cart module
« Reply #1 on: July 25, 2017, 16:08:20 pm »
I'd chop off the end of the text rather than go to a new line, but that's my preference, you may disagree. It's a;lready messy!

.vm_cart_products {
      overflow: hidden;
}
Kelvyn

Jenkin Hill Internet,
Keswick, Lake District

Unsolicited PMs/emails will be ignored.

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

Currently using VM3.2.3.9614 on Joomla 3.7.4 PHP 7.0.22

Testing VM3.2.3.9614 on J!3.7.4

blackrat999

  • Jr. Member
  • **
  • Posts: 114
Re: A little CSS help please in cart module
« Reply #2 on: July 25, 2017, 17:46:54 pm »
Thanks that is a little better, the prices show over the top of the text though, if i turn the prices off the total doesnt show, is there any way to turn off the individual prices but leavce the total at the top?

many thanks

jenkinhill

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 26090
  • Always on vacation
    • Jenkin Hill Internet
Re: A little CSS help please in cart module
« Reply #3 on: July 25, 2017, 19:15:00 pm »
No idea, as that is a commercial template which I have never used. You could ask the template developer.
Kelvyn

Jenkin Hill Internet,
Keswick, Lake District

Unsolicited PMs/emails will be ignored.

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

Currently using VM3.2.3.9614 on Joomla 3.7.4 PHP 7.0.22

Testing VM3.2.3.9614 on J!3.7.4

driver_wedge

  • Jr. Member
  • **
  • Posts: 55
Re: A little CSS help please in cart module
« Reply #4 on: July 25, 2017, 19:29:36 pm »
You could try this:

.uk-dropdown.uk-dropdown-small.cartmodulesmall.uk-dropdown-bottom {
    width: 430px !important;
    margin-left: -265px !important;
}

....but there must be a way to alter the element to adjust and allow the content to flow to the next line where necessary.

kogos

  • Beginner
  • *
  • Posts: 9
Re: A little CSS help please in cart module
« Reply #5 on: July 28, 2017, 09:39:42 am »
why don't you just use:

span.product_name {
    white-space: normal;
}


Edit: even better (see screenshot):

.product_name {
    display: block;
    margin-left: 18px;
    margin-top: -24px;
    max-width: 78%;
    position: relative;
    white-space: normal;
}
* + .uk-margin-small {
    border: none !important;
    margin-top: 10px !important;
}
.product_row {
    border-bottom: 1px solid white;
}

If you need to hide the price:
.prices.uk-float-right {
    left: 1000px;
    position: relative;
}
.uk-margin-small-left {
    left: -1000px;
    position: relative;
}

let us know if that worked

kogos

  • Beginner
  • *
  • Posts: 9
Re: A little CSS help please in cart module
« Reply #6 on: August 10, 2017, 15:04:23 pm »
Did it work??? Any feedback???

Στάλθηκε από το LG-D855 μου χρησιμοποιώντας Tapatalk