PDA

Zobacz pełną wersję : Zmiana szerokości artykułu


slomers
02-08-2022, 18:02
Cześć, jak mogę zmienić szerokość wyświetlanych artykułów. Joomla 4. Cassiopeia.

Strona bez "side-barów" chciałbym żeby tekst w artykule wyświetlał się na mniejszej szerokości. Jeżeli side-bary są puste, to tekst rozlewa się na całą szerokość strony a to trudno się czyta. Nie mam pomysłu jak to zrobić.
siristru
03-08-2022, 16:36
A możesz pokazać na mockupie co byś chciał osiągnąć?
Zobacz: https://prnt.sc/WbtW56yDUeTE
Domyślnie artykuł jest na obszar czerwonej ramki.
Chcesz by był na niebieski?
Ale rozlewa się na fioletowy?
slomers
03-08-2022, 18:03
Cześć, dzięki za odzew. Chciałbym takie efekt jak jest na tej stronie: https://hbr.org/2018/05/the-surprising-power-of-questions (https://hbr.org/2018/05/the-surprising-power-of-questions)

Obrazek szerszy na górze (ale obrazek z artykułu, a nieumieszczany np. na pozycji banera) a tekst poniżej, ale węższy. Jak taki efekt osiągnąć. W miarę prosty sposób, aby następne zamieszczane artykuły też tak były wyświetlane.
siristru
03-08-2022, 20:31
Najprościej będzie nie przypisywać modułów po lewej i prawej dla widoku artykułu.
Następnie by osiągnąć taki efekt trzeba zmodyfikować widok dla artykułu i w odpowiednie kontenery wstawić pole dla obrazka, poniżej trzy kolumny : lewa dla ikonek, środkowa dla treści a prawa pusta.
Niestety by taki efekt osiągnąć trzeba zmodyfikować widok i nadpisać go szablonem.
Sprawa trudna dla początkującego... chociaż jak ktoś się zaprze... czy chcesz sam spróbować?
Musisz znać html i css... przynajmniej w stopniu podstawowym.

Ale nei, no jest prostszy sposób - musiałbyś po prostu znaleźć taki gotowy szablon... pewnie płatny... niestety.
wezykowski
05-08-2022, 13:39
Obrazek szerszy na górze (ale obrazek z artykułu, a nieumieszczany np. na pozycji banera) a tekst poniżej, ale węższy. Jak taki efekt osiągnąć. W miarę prosty sposób, aby następne zamieszczane artykuły też tak były wyświetlane.
Tekst możesz zrobić w umieszczonej pod wyśrodkowanym obrazkiem wyśrodkowanej tabeli o szerokości mniejszej niż szerokość obrazka.
siristru
05-08-2022, 14:34
wyśrodkowanej tabeli

Ajajajaj tylko nie w tabeli!!! Tak się nie robi. W tabeli tylko dane tabelaryczne.
Powinno się użyć kontenera div.
poselziobro1
30-10-2022, 12:13
Chyba najprościej będzie stworzyć Overrides dla widoku pojedynczego artykułu w katalogu ‎/templates/cassiopeia/html/com_content/article/ Potem możesz namierzyć odpowiednie div'y i potem w css w katalogu /media/templates/site/cassiopeia/css/user.css wpisać sobie co będziesz chciał.

przykład, żeby obrazek był na środku a nie z lewej, a tekst zszedł pod obrazek


.left.item-image { float: none !important;}
figure.left.item-image { text-align: center;}

Zrzut ekranu zrobiony przez Lightshot (prnt.sc) (https://prnt.sc/PLdDSP0lUJma)
poselziobro1
31-10-2022, 08:45
przykład, żeby obrazek był na środku a nie z lewej, a tekst zszedł pod obrazek

Kod HTML:
.left.item-image { float: none !important;}
figure.left.item-image { text-align: center;}
Zrzut ekranu zrobiony przez Lightshot (prnt.sc)

Dodatkowo jeśli chodzi o samą szerokość tekstu możesz wykorzystać w css "max-width"
a dla mniejszych ekranów "@media (max-width: )"
i wtedy tekst nie będzie rozwalony na całym ekranie

Zrzut ekranu zrobiony przez Lightshot (prnt.sc) (https://prnt.sc/tFI__rIyusUd)