Change size of value field, wrong line break

Phoca Cart - complex e-commerce extension
MAXambient
Phoca Member
Phoca Member
Posts: 40
Joined: 13 Feb 2020, 17:49

Change size of value field, wrong line break

Post by MAXambient » 27 Apr 2020, 15:54

I have issues with two values in the shop (see image Image)
When entering higher amounts of Quantity the number is crashing the product name in the cart. I´ve changed the font size to medium, but is there a way to use th bigger font size and have aproper line break?

Same here: How can I increase the size of the Quantity box so higher values e.g. 100 will be displayed correctly?

Is there a list which parts use which classes? So I could search on my own to change sizes and stuff?

Tags:

christine
Phoca Hero
Phoca Hero
Posts: 2000
Joined: 28 Nov 2010, 17:20

Re: Change size of value field, wrong line break

Post by christine » 27 Apr 2020, 19:18

Hi,
MAXambient wrote:
27 Apr 2020, 15:54
How can I increase the size of the Quantity box so higher values e.g. 100 will be displayed correctly?
Try this:

Code: Select all

.form-inline .form-group .ph-input-quantity {
    width: 4em;
}
The other one, I don't know yet.

Kind regards
Christine

MAXambient
Phoca Member
Phoca Member
Posts: 40
Joined: 13 Feb 2020, 17:49

Re: Change size of value field, wrong line break

Post by MAXambient » 28 Apr 2020, 07:53

Hi Christine!

Thanks a lot, this works fine and the value box has increased now. Hopefully there is a way to change the linebreak either

Bw
Markus

christine
Phoca Hero
Phoca Hero
Posts: 2000
Joined: 28 Nov 2010, 17:20

Re: Change size of value field, wrong line break

Post by christine » 28 Apr 2020, 13:24

Hi Markus,

2nd one, you could try with:

Code: Select all

.ph-cart-small-title a {
padding-left:15px;
display:block;  
}
but I'm not sure, because it seems, that there is afterwards an image thumbnail in front of display.

Kind regards
Christine

MAXambient
Phoca Member
Phoca Member
Posts: 40
Joined: 13 Feb 2020, 17:49

Re: Change size of value field, wrong line break

Post by MAXambient » 28 Apr 2020, 13:28

Cooool, tried this and it works fine :-) Thanks a lot.

Is there a list where I can look into which CSS is used by different functions so I could find this out on my own?

MAXambient
Phoca Member
Phoca Member
Posts: 40
Joined: 13 Feb 2020, 17:49

Re: Change size of value field, wrong line break

Post by MAXambient » 28 Apr 2020, 13:32

The only thing I´ve seen that, when I order amounts of e.g. 100 pieces, the Image in the Cart Module is no longer displayed. But the line break is fine.

christine
Phoca Hero
Phoca Hero
Posts: 2000
Joined: 28 Nov 2010, 17:20

Re: Change size of value field, wrong line break

Post by christine » 28 Apr 2020, 16:27

Hi,
MAXambient wrote:
28 Apr 2020, 13:32
The only thing I´ve seen that, when I order amounts of e.g. 100 pieces, the Image in the Cart Module is no longer displayed. But the line break is fine.
Don't know where it should be? Because: Changes of CSS could also effect other segments etc.
Is there a list where I can look into which CSS is used by different functions so I could find this out on my own?
I'm using inspector, just enter: F12 (firefox) > Element der Seite auswählen > search/mark "blue" & find the relevant CSS.

Image

Found it under: main.css

Adding/Changing (Helix) should be done in: custom.css See: https://www.joomshaper.com/documentatio ... ustom-code
Now you see it as "Inline segment".

Inspector:

Image

Kind regards
Christine

MAXambient
Phoca Member
Phoca Member
Posts: 40
Joined: 13 Feb 2020, 17:49

Re: Change size of value field, wrong line break

Post by MAXambient » 28 Apr 2020, 17:16

Cool, forgot to have such functionality in my browser and used it now. This will - hopefully - helps a lot and avoid me asking too many questions in here :-)

christine
Phoca Hero
Phoca Hero
Posts: 2000
Joined: 28 Nov 2010, 17:20

Re: Change size of value field, wrong line break

Post by christine » 30 Apr 2020, 13:35

Thanks for your feedback, Markus.

For new questions: New Thread :-)
Kind regards
Christine

Post Reply