Page 1 of 1

CSS styl kategorie v Seznamu kategorií

Posted: 18 Apr 2020, 08:46
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

Re: CSS styl kategorie v Seznamu kategorií

Posted: 18 Apr 2020, 14:12
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

Re: CSS styl kategorie v Seznamu kategorií

Posted: 18 Apr 2020, 14:33
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

Re: CSS styl kategorie v Seznamu kategorií

Posted: 18 Apr 2020, 14:49
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).

Re: CSS styl kategorie v Seznamu kategorií

Posted: 18 Apr 2020, 16:15
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.

Re: CSS styl kategorie v Seznamu kategorií

Posted: 20 Apr 2020, 14:23
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.

Re: CSS styl kategorie v Seznamu kategorií

Posted: 21 Apr 2020, 08:42
by Martin70
Color:blue mi sice funguje, ale třeba padding-top nebo zarovnání mi nejde. Jsem z toho jelen.

Re: CSS styl kategorie v Seznamu kategorií

Posted: 21 Apr 2020, 09:18
by Martin70
Už vyřešeno. Jsem nějaký přibržděný. Díky!

Re: CSS styl kategorie v Seznamu kategorií

Posted: 21 Apr 2020, 16:16
by Jan
Ok