CSS styl kategorie v Seznamu kategorií

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

CSS styl kategorie v Seznamu kategorií

Post by Martin70 » 18 Apr 2020, 08:46

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: 2000
Joined: 28 Nov 2010, 17:20

Re: CSS styl kategorie v Seznamu kategorií

Post by christine » 18 Apr 2020, 14:12

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 Newbie
Phoca Newbie
Posts: 5
Joined: 18 Apr 2020, 08:35

Re: CSS styl kategorie v Seznamu kategorií

Post by Martin70 » 18 Apr 2020, 14:33

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: 42856
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: CSS styl kategorie v Seznamu kategorií

Post by Jan » 18 Apr 2020, 14:49

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 Newbie
Phoca Newbie
Posts: 5
Joined: 18 Apr 2020, 08:35

Re: CSS styl kategorie v Seznamu kategorií

Post by Martin70 » 18 Apr 2020, 16:15

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: 42856
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: CSS styl kategorie v Seznamu kategorií

Post by Jan » 20 Apr 2020, 14:23

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 Newbie
Phoca Newbie
Posts: 5
Joined: 18 Apr 2020, 08:35

Re: CSS styl kategorie v Seznamu kategorií

Post by Martin70 » 21 Apr 2020, 08:42

Color:blue mi sice funguje, ale třeba padding-top nebo zarovnání mi nejde. Jsem z toho jelen.

Martin70
Phoca Newbie
Phoca Newbie
Posts: 5
Joined: 18 Apr 2020, 08:35

Re: CSS styl kategorie v Seznamu kategorií

Post by Martin70 » 21 Apr 2020, 09:18

Už vyřešeno. Jsem nějaký přibržděný. Díky!

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 42856
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: CSS styl kategorie v Seznamu kategorií

Post by Jan » 21 Apr 2020, 16:16

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

Post Reply