Joomla 4 Template Cassiopeia - tipy, rady a návody

26. kvě 2023 13:06 #148352

Odpověď od Linelabcz

Admin

Background image si definujete pro jednotlivé sekce.

Linelab.cz - Tvorba webových stránek a e-shopu.
Linelabox - Vytvořte si Joomla! šablony zdarma.

26. kvě 2023 13:15 #148353

Odpověď od RoLy

Začátečník

A to nejde nastavit hlavní Background Image?

26. kvě 2023 13:30 - 26. kvě 2023 13:31 #148354

Odpověď od Linelabcz

Admin

Pokud myslíte obrázek na body tag, tzn obrázek přes celý web tak to v nastavení stylů nejde. Jedině zápis do user.css.

Linelab.cz - Tvorba webových stránek a e-shopu.
Linelabox - Vytvořte si Joomla! šablony zdarma.

26. kvě 2023 14:38 #148355

Odpověď od RoLy

Začátečník

V /media/templates/site/cassiopeia_child/css/user.css jsem přepsal takto:
místo

html{
overflow-x: hidden;
}
body{
color: var(--cassiopeia-color-text);
background-color: var(--cassiopeia-color-primary);
}

jsem zapsal

html{
overflow-x: hidden;
}
body{
color: var(--cassiopeia-color-text);
background-image:url("/images/banners/page.jpeg");
}
ale žádná změna ...

26. kvě 2023 18:02 #148356

Odpověď od Linelabcz

Admin

Obrázek je v adresáři root/images/banners? nebo v root/media/templates/site/sablona/images/banners?
Nemůžete dát odkaz na web?

Linelab.cz - Tvorba webových stránek a e-shopu.
Linelabox - Vytvořte si Joomla! šablony zdarma.

26. kvě 2023 21:07 #148357

Odpověď od RoLy

Začátečník

Obrázek je v adresáři root/images/banners/page.jpg

odkaz na web: www.test.bkberoun.cz/

26. kvě 2023 22:07 - 26. kvě 2023 22:09 #148358

Odpověď od Linelabcz

Admin

Obrázek je vidět, viz příloha.

Zkuste:

body {
background-image: url("/images/banners/page.jpg");
background-position: top;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}

a bude to ok

Linelab.cz - Tvorba webových stránek a e-shopu.
Linelabox - Vytvořte si Joomla! šablony zdarma.

Poděkovali: RoLy

27. kvě 2023 11:55 #148359

Odpověď od RoLy

Začátečník

Nevíte kde najít nastavení šířky a výšky jednotlivých pozic?

29. kvě 2023 10:55 #148366

Odpověď od Cony

Moderátor

V HTML a CSS. Buď jsou určeny Bootstrap třídou v HTML, nebo mohou mít definovanou šířku v CSS.

29. kvě 2023 20:57 #148372

Odpověď od RoLy

Začátečník

Bohužel jsem lama a důchodce a nemůžu to najít. Potřeboval bych zúžit Sidebar-right

29. kvě 2023 22:20 #148375

Odpověď od Cony

Moderátor

Máte to nadefinované v template.css. Hledejte řádek

Code:

grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,19.875rem)) [main-end] minmax(0,1fr) [full-end];

Můžete zkusit nahradit v rámci user.css něčím takovým

Code:

@supports (display:grid) {
grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(3,minmax(0,20.875rem)) minmax(0,16.875rem) [main-end] minmax(0,1fr) [full-end];
}

(v repeat jsou jen 3 sloupce s trochu větší šířkou, čtvrtý je definován samostatně tak, aby celková šířka odpovídala původní šířce)

30. kvě 2023 14:10 - 30. kvě 2023 14:11 #148378

Odpověď od RoLy

Začátečník

No asi se zvencnu, ale nenašel jsem to. Template.css je jen v kmenové šabloně, v podšabloně je user.css, kde nevím, co změnit

Přílohy:

01. čvn 2023 20:08 #148387

Odpověď od RoLy

Začátečník

Zdravím
1) Potřeboval bych nastavit v šabloně (Cassiopeia-Child) sidebar-right na šířku 200, ale nevím, kde to v user.css najdu
2) Nefunguje mi "Přišpendlené záhlaví", přestože je zapnuté, při rolování ujíždí

Pomůže někdo?

02. čvn 2023 16:16 #148393

Odpověď od Cony

Moderátor

Template.css je výchozí styl, user.css přepisuje styly. Musíte tedy vzít ten kód z template.css a zkopírovat si ho do user.css.

06. čvn 2023 16:12 #148399

Odpověď od RoLy

Začátečník

Ještě se chci zeptat:
V Joomle 3 šlo zobrazit text, napsaný přímo v kategorii, ale v Joomle 4 jsem na to nepřišel. Tam mi napíše, že tam není žádný článek ...

Přihlásit se

Joomla 4 Template Cassiopeia - tipy, rady a návody

Nejnovější příspěvky