Problém s CSS

27. čvc 2017 22:46 - 27. čvc 2017 22:53 #131916

Problém s CSS od Patrik

Uživatel

Zdravím,
vopred sa ospravedlňujem za nasledujúci príspevok, ale nie som v CSS až taký zbehlý. Mám taký problém, že chcel by som na hlavnej stránke nastaviť background-color článkom. Problém ale je, že keď so to nastavil, podfarbenie sa nastavilo aj pre články na ostatných stránkach, nielen na hlavnej. Vie mi niekto poradiť, ako dosiahnuť pomocou CSS, aby mali podfarbnenie nastavené iba články na hlavnej stránke? Napadlo mi využiť PageClass, ktorý nastavím hlavnej stránke v menu, ale neviem, či to robím dobre. Do PageClass som napísal "MyHomePage" a do templatu šablóny nasledovné:

div.MyHomePage article.item {
margin-bottom: 10px;
background-color: #f5f5f5;
margin: 0 5px 12px 12px;
padding: 5px;
width: 275px;
height: 820px;
}

Na stránke sa však nič nepremietlo. Čo robím zle?
Ešte mi napadlo, že by som to mohol urobiť aj cez samostatné CSS-ko, ale neviem, kde mám názov CSS súboru napísať a či ho napísať aj s príponou, alebo bez prípony.
Tu je ukážka, ako by som to chcel, ale iba na hlavnej stránke:

www.ksjl.ff.ukf.sk/

Vďaka za každú radu! ;-)

27. čvc 2017 23:58 #131917

Odpověď od Bong

Moderátor

Ale ono vám to funguje, jenže jste si to nějak počunil.

Smažte, nebo zakomentujte:

margin-bottom: 10px;
margin: 0 5px 12px 12px;
padding: 5px;
width: 275px;
height: 820px;

a uvidíte co se bude dít...

I'm sorry, my responses are limited...you must ask the right questions.

28. čvc 2017 09:45 #131918

Odpověď od Patrik

Uživatel

Funguje to, pretože teraz to mám zapnuté len na ukážku pre všetky articles, teraz to mám v CSS takto:
article.item {
margin-bottom: 10px;
background-color: #f5f5f5;
margin: 0 5px 12px 12px;
padding: 5px;
width: 275px;
height: 820px;
}
Takto to funguje. Len problém je, že to chcem použiť iba na hlavnej stránke, teraz sa to použije na všetky stránky. Odkomentovanie som už skúšal...

28. čvc 2017 11:35 - 30. čvc 2017 00:00 #131919

Odpověď od Bong

Moderátor

Můžete si udělat kopii celé šablony, tuto si upravit dle libosti a použít jen pro požadovanou položku menu.
Můžete si upravit CSS a použít pro položku menu jen třídu.

Hezky je to popsáno v dokumentaci docs.joomla.org/Using_Class_Suffixes

I'm sorry, my responses are limited...you must ask the right questions.

01. srp 2017 22:09 #131949

Odpověď od ferino

Pokročilý uživatel

Druhá možnosť je použiť modul
extensions.joomla.org/extension/blank-module/
do neho vložiť CSS, alebo link na CSS súbor
nastaviť na existujúcu pozíciu podľa šablóny a priradiť pre hlavnú stránku

Nemusí to fungovať pre akúkoľvek šablónu, treba vyskúšať...

02. srp 2017 12:02 #131950

Odpověď od Patrik

Uživatel

Vďaka za tip s tou kópiou šablóny, funguje to ;-)