Reduce Subcategory title font size.

Phoca Cart - complex e-commerce extension
User avatar
Spraymissah
Phoca Newbie
Phoca Newbie
Posts: 7
Joined: 16 Sep 2023, 17:46

Reduce Subcategory title font size.

Post by Spraymissah »

Hello everyone, i need help to reduce subcategory title font size. Link below
https://bonoboconceptstore.com/bonobo/i ... iving-room

Tags:
User avatar
Nidzo
Phoca Professional
Phoca Professional
Posts: 387
Joined: 07 Nov 2018, 14:55

Re: Reduce Subcategory title font size.

Post by Nidzo »

Create template override of default_subcategories.php
It is in components/com_phocacart/views/category/tmpl
Change <h3> tag to something else such is <h4>, <h5>, or <span>. <div> with custom class.

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

Re: Reduce Subcategory title font size.

Post by christine »

Hi,

you could change with following code into your custom.css of your template.

Code: Select all

.row-item-subcategory h3 {
  font-size: 25px;
}
Kind regards
Christine

Edit: Hi Nidzo, saw after my post your solution. OK :-)
User avatar
Spraymissah
Phoca Newbie
Phoca Newbie
Posts: 7
Joined: 16 Sep 2023, 17:46

Re: Reduce Subcategory title font size.

Post by Spraymissah »

The Customs CSS worked. Thanks so much Christine and Nidzo.

Is it possible to also change font family?
christine
Phoca Hero
Phoca Hero
Posts: 2818
Joined: 28 Nov 2010, 17:20

Re: Reduce Subcategory title font size.

Post by christine »

Hi,

I think the advantage of the override would be that it only applies to these subcategories.
Wherever these subcategories occur, there would be h4, h5, for example, as Nidzo suggested.
If the CSS has no effect elsewhere, you can of course use this CSS. It is always important to do this in a custom.css, otherwise it will be overwritten in a phoca update.
--------------------------------------------------------
Ah new question: Fonts should be integrated locally.
See also:
https://gwfh.mranftl.com/fonts
https://gwfh.mranftl.com/fonts/aboreto?subsets=latin

I see some under your theme.9.css

Kind regards
Christine
User avatar
Spraymissah
Phoca Newbie
Phoca Newbie
Posts: 7
Joined: 16 Sep 2023, 17:46

Re: Reduce Subcategory title font size.

Post by Spraymissah »

Great, i have also been able to change font family under custom css. One last question for this thread, under my Living Room menu, there is main category, subcategories: titles. Can i hide subcategories: title?
christine
Phoca Hero
Phoca Hero
Posts: 2818
Joined: 28 Nov 2010, 17:20

Re: Reduce Subcategory title font size.

Post by christine »

Hi,

OK, last question for this thread.

Try following:

Code: Select all

.ph-subcategories {
display: none;
}
If wanted, in addition:

Code: Select all

.ph-top {
margin-bottom: 10px;
}
Kind regards
Christine
User avatar
Spraymissah
Phoca Newbie
Phoca Newbie
Posts: 7
Joined: 16 Sep 2023, 17:46

Re: Reduce Subcategory title font size.

Post by Spraymissah »

Thanks so much Christine. it worked like a charm. You saved me.
christine
Phoca Hero
Phoca Hero
Posts: 2818
Joined: 28 Nov 2010, 17:20

Re: Reduce Subcategory title font size.

Post by christine »

Hi,

Thanks for your feedback.
Kind regards
Christine
Post Reply