Cart Size

Phoca Cart - complex e-commerce extension
piranha
Phoca Member
Phoca Member
Posts: 21
Joined: 06 Apr 2021, 01:16

Cart Size

Post by piranha »

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

V 3.5.6

Tags:
User avatar
dmlwebal
Phoca Professional
Phoca Professional
Posts: 238
Joined: 18 Sep 2019, 12:49

Re: Cart Size

Post by 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
Phoca Member
Phoca Member
Posts: 21
Joined: 06 Apr 2021, 01:16

Re: Cart Size

Post by piranha »

thank you!
horst202
Phoca Newbie
Phoca Newbie
Posts: 1
Joined: 12 Apr 2021, 14:01

Re: Cart Size

Post by 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
Phoca Hero
Phoca Hero
Posts: 2710
Joined: 28 Nov 2010, 17:20

Re: Cart Size

Post by 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
User avatar
dmlwebal
Phoca Professional
Phoca Professional
Posts: 238
Joined: 18 Sep 2019, 12:49

Re: Cart Size

Post by 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
Post Reply