Cart Size

[piranha]

Where can I change the format/font sizes of the cart? The text is very small. Thanks.

V 3.5.6

[dmlwebal]

Hi

Most of the cart dropdown content is held within these CSS selectors:

general cart module container:
div#phItemCartBox

font size is controlled by:
.ph-small

Here is an example of some CSS you may find useful, use it as a primer and change as needed

Code: Select all

div#phItemCartBox .row {
    padding: 0;
    line-height: .8rem;
}

div#phItemCartBox {

  .col-xs-12.col-sm-1.col-md-1.ph-small.ph-cart-small-quantity {
    float: left;
    width:-moz-fit-content;
    width:-webkit-fit-content;
    padding-left: 0;
    padding-right: 0;}
  
  .col-xs-12.col-sm-6.col-md-6.ph-small.ph-cart-small-title {
    width:-moz-fit-content;
    width:-webkit-fit-content;}
  
  .col-xs-12.col-sm-5.col-md-5.ph-small.ph-cart-small-price.ph-right {
    width:-moz-fit-content;
    width:-webkit-fit-content;
    float: right;
    }
  
  .col-xs-12.col-sm-7.col-md-7.ph-small.ph-cart-subtotal-netto-txt {
    width:-moz-fit-content;
    width:-webkit-fit-content;
    float: left;
    }
  
  .col-xs-12.col-sm-5.col-md-5.ph-small.ph-right.ph-cart-subtotal-netto {
    width:-moz-fit-content;
    width:-webkit-fit-content;
    float: right;
    }
  
  .col-xs-12.col-sm-7.col-md-7.ph-small.ph-cart-total-txt {
    width:-moz-fit-content;
    width:-webkit-fit-content;
    float: left;
    }
  
  .col-xs-12.col-sm-5.col-md-5.ph-small.ph-right.ph-b.ph-cart-total {
    width:-moz-fit-content;
    width:-webkit-fit-content;
    float: right;
    font-size: 1rem;
    }

}

[piranha]

thank you!

[horst202]

Hi!

Unfortunately i can't find any CSS files at the files of Phoca cart.

Please help, where can i find this CSS file (or what is the name of the file) to increase the cart size at checkout, or what file should i change?

Thank you for your help.

[christine]

Hi,

It depends what exactly you want to change, which template etc. Best would be a link to your site.

It's only an example from a demo (View of Checkout):

Code: Select all

.phCheckoutCartBox {
font-size: 1.2em;	
}

Kind regards
Christine

[dmlwebal]

Hi

In support of Christine, your CSS files will be part of the template you have installed into Joomla. Phoca Cart has it's own layouts for the page views but the overall theme will be your Joomla template, including your custom CSS or SCSS.

As Christine correctly points out, a url link would be helpful, then it is possible to see the template and framework you have used. Then we can direct you to the correct folder in which to add your custom CSS.

Regards
David