logo
14.03.2021 03:39
1
Změna velikosti / stylu popisků zboží.

Zdravím. Potřebuji změnit popisky zboží přes style.css, nicméně toto mně nefunguje. Můžete mně poradit, jak to udělat správně? Jedná se o hlavní popis produktu.
.basic-description p, .basic-description span, .basic-description li, .basic-description a {
font-family: Roboto,sans-serif;
font-weight: 400;
color: #535252;
font-size: 16px;
line-height: 1.5;
letter-spacing: .25px;
margin-bottom: 1em;
}
14.03.2021 08:26
2
Chtělo by to odkaz na tu stránku, CSS vypadá korektně, ale já třeba na shoptetu v šabloně vůbec nemám class basic-description ale přesně stejné stylování popisku produktu(já mám div.descriptionscroller p) mi funguje.

Jediný problém je vynucení načtení nové verze souboru
Kód:
<link href="/user/documents/style.css?v=2" rel="stylesheet" />
jako například tady to v=2
14.03.2021 09:41
3
Původně odeslal eshop0
Změna velikosti / stylu popisků zboží.

Zdravím. Potřebuji změnit popisky zboží přes style.css, nicméně toto mně nefunguje. Můžete mně poradit, jak to udělat správně? Jedná se o hlavní popis produktu.
.basic-description p, .basic-description span, .basic-description li, .basic-description a {
font-family: Roboto,sans-serif;
font-weight: 400;
color: #535252;
font-size: 16px;
line-height: 1.5;
letter-spacing: .25px;
margin-bottom: 1em;
}
Hod sem odkaz na eshop. Pak to pozname snadno.
14.03.2021 10:56
4
Zdravím,

zasílám odkaz. To samé chci použít i pro články

Gronest textilní květináč 15l - Aqua Breathe - Grow.cz
14.03.2021 11:09
5
pokud na to koukám dobře, tak v kódu nemáš tu class basic-description

Zkus to s tímhle, to by mohlo zabrat

Kód:
#description p, #description span, #description li, #description a {
font-family: Roboto,sans-serif;
font-weight: 400;
color: #535252;
font-size: 16px;
line-height: 1.5;
letter-spacing: .25px;
margin-bottom: 1em;
}
14.03.2021 11:18
6
Martis78, děkuji moc, funguje to. Mám ještě k tomu jeden dotaz. Teď mně došlo, že ty styly určuje i editor, respektive že pokud někdo udělal nějaký popis v jiném formátu, zobrazuje se jinak viz použití jiného fontu, velikost fontu atd. Dá se nějak nastavit například přes příkaz important!, aby všechny popisky měly tento font, velikost atd stejné?

viz například

Plagron lightmix s perlitem 50l - Grow.cz


a zde

Grotek Growth Booster - Grow.cz
14.03.2021 11:22
7
Ano important je správný směr
Kód:
font-size: 16px !important;
14.03.2021 11:32
8
děkuji. Takhle. Když se na to podíváš, je to lepší nebo by si tam něco změnil? Jde mně hlavně o to aby to bylo přehlednější a tohle je podle mně správně. Když to teď nastavím napevno, nebudu to moc potom měnit, je to na škodu? Mám za to, že je lepší když to bude vše stejné, ale rád uslyším další názor. To samé platí pro ten short description, zdá se mně to moc malé, ale možná jsem už zaujatý. Ten základní popis je ale podle mně teď daleko lepší

Atami WILMA XXL - 8x18L, 115x115x20cm - Grow.cz
14.03.2021 11:37
9
Profesionálně - čím víc velikostí fontů tím větší nesourodost a designový chaos.

Laicky - když nakupuju květináče, chci vidět hezké obrázky a cenu, zbytek je vata.
14.03.2021 14:11
10
Takhle by to tedy mělo být, je to tak? Děkuji za názor a tvůj čas, souhlasím.


Kód:


#description p, #description span, #description li, #description a {
font-family: Roboto,sans-serif !important;
font-weight: 400 !important;
color: #535252 !important;
font-size: 16px !important;
line-height: 1.5 !important;
letter-spacing: .25px !important;
margin-bottom: 1em !important;
}
14.03.2021 14:41
11
Trochu brutální, ale ano. Je to taková CSS bazuka. Tím přemázneš všechno formátování v popisu.

Čistší by to samozřejmě bylo, kdyby se to formátování z popisku odstranilo před vložením do databáze, pak bys ty !important nepotřeboval.
14.03.2021 18:21
12
Děkuji. Narazil jsem na menší komplikaci. Z nějakého důvodu to mění i elementy u podobných produktů - barva fontu v tlačítku akce, barva fontu u skladového stavu, velikost fontu názvu atd. Vypadá to, že se upravili na místo hlavního popisku produktů i jiné elementy a to je možná důvod, proč byl předtím v kódu ten název .basic-description. Nejspíše řešili to samé a tímto to specifikovali přesně. Co s tím?

Adjust A Wings® Objímka ke stínidlu ADJUST-A-WING - Grow.cz
14.03.2021 20:25
13
Protože podobné produkty jsou také zavřené v div#description
zkus upravit výběr na

Kód:
#description p:nth-child(1), #description p:nth-child(1) span, #description p:nth-child(1) li, #description p:nth-child(1) a {
Ale to bude švindlovat, pokud budeš mít více odstavců v popisku. Asi to nemá univerzální řešení.
Máš moc nesourodou strukturu šablony. Musel bys upravit šablonu pro detail produktu a jen samotný popis zavřít do samostatého DIV se specifickým ID nebo class a to ostylovat