CSS styl kategorie v Seznamu kategorií

Phoca Cart - complex e-commerce extension
Martin70
Phoca Member
Phoca Member
Posts: 10
Joined: 18 Apr 2020, 08:35

CSS styl kategorie v Seznamu kategorií

Post by Martin70 »

Ahoj, mám dotaz. V Seznamu kategorií mám název kategorie h3 a potřebuji to nastylovat, jenomže už nemohu předefinovat h3, protože nechci aby se mi to změnilo i v článcích na webu. Mám "volné" h5 a h6. Dá se to někde nastavit? Nebo tomu přiřadit class? Např. název produktu je h3.ph-product-header.grid - to jsem si nastyloval. Ale název kategorie je jen "holá" h3. Díky. Martin

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

Re: CSS styl kategorie v Seznamu kategorií

Post by christine »

Hi Martin,

for the moment, only "general info" (of demo): https://www.phoca.cz/phocacartdemo/3-audi

The h3 for the whole site (example only):

Code: Select all

h3 {
font-size:120%;	
}
special change (insert) e.g. for ph-product-header only:

Code: Select all

h3.ph-product-header.grid {
font-size:110%;	
}
You can change (insert) segments to your custom.css

Kind regards
Christine
Martin70
Phoca Member
Phoca Member
Posts: 10
Joined: 18 Apr 2020, 08:35

Re: CSS styl kategorie v Seznamu kategorií

Post by Martin70 »

Hi Christine. I don't want to change h3 across the whole web (articles, modules,..). H3 is used in hundreds of articles and modules that I do not want to change them. I need to change only Category name in Phoca Cart.

Kind regards
Martin
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48403
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: CSS styl kategorie v Seznamu kategorií

Post by Jan »

Hi, each Phoca Cart view has own ID, so you can stylize Hx (H1, H2, H3, ...) only for Phoca Cart section if needed, e.g.:

#ph-pc-category-box h3 {
font-size: 150%; /* only H3 in Phoca Cart category view will be changed */
}

or stylize it for specific item like Christine wrote (h3.ph-product-header.grid - this will even only affect specific item in Phoca Cart).
If you find Phoca extensions useful, please support the project
Martin70
Phoca Member
Phoca Member
Posts: 10
Joined: 18 Apr 2020, 08:35

Re: CSS styl kategorie v Seznamu kategorií

Post by Martin70 »

Ahoj, díky za info, ale nějak mi to nejde. Pracovní verze je zde: https://www.stalak.com/vyprodej
Název kategorie je "čistá" h3 a nevím jak to přestylovat, pokud chci zachovat stylování h3 ve zbylé části webu. Díky.
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48403
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: CSS styl kategorie v Seznamu kategorií

Post by Jan »

Můžeš vzít jakoukoliv Phoca Cart třídu, co se nachází před H3 a použit ji, např:

Code: Select all

.ph-item-content h3 a {
   color: blue;
}
Image

Záleží na typu parametru, například barva je nastavená pro a, tedy musí se měnit v .ph-item-content h3 a, velikost, padding, margin se dají měnit v .ph-item-content h3, atd. atd.

Pokud něco nefunguje, nemusí to být tím, že by se daný pravidlo neuplatnilo, ale že to pravidlo pak přepsalo jiný pravidlo. To je příklad barvy, pokud nastavíš barvu pro H3, nemusí se to projevit, protože ho přepíše pravidlo pro A.
If you find Phoca extensions useful, please support the project
Martin70
Phoca Member
Phoca Member
Posts: 10
Joined: 18 Apr 2020, 08:35

Re: CSS styl kategorie v Seznamu kategorií

Post by Martin70 »

Color:blue mi sice funguje, ale třeba padding-top nebo zarovnání mi nejde. Jsem z toho jelen.
Martin70
Phoca Member
Phoca Member
Posts: 10
Joined: 18 Apr 2020, 08:35

Re: CSS styl kategorie v Seznamu kategorií

Post by Martin70 »

Už vyřešeno. Jsem nějaký přibržděný. Díky!
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48403
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: CSS styl kategorie v Seznamu kategorií

Post by Jan »

Ok
If you find Phoca extensions useful, please support the project
Post Reply