Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×

Subfora


mati3180

Rekomendowane odpowiedzi

Witam, chciałbym poprosić was o pomoc. Chciałbym, aby subfora na forum były w dwóch kolumnach, szukałem już w internecie była masa poradników etc. nic nie działa... Mam silnik v4.2.4 i korzystam ze stylu Titan. Adres mojej strony to: cs-zn.pl daje również konto testowe - login: invisionize hasło: 147258369test

Pozdrawiam!

Odnośnik do komentarza
Udostępnij na innych stronach

wklej w custom.css :

/* Subforum columns - start */
.ipsDataItem_subList{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

	.ipsDataItem_subList li{
		width: calc((99% / 1));
		line-height: 26px;
		flex: 0 0 auto;
		position: relative;
	}
	
	.ipsDataItem_subList > li,
	html[dir="rtl"] .ipsDataItem_subList > li {
	    margin-right: 0 !important;
	    margin-left: 0;
	}

		.ipsDataItem_subList li:before{
			content: '\f18e';
			font-family: 'FontAwesome';
			font-size: 14px;
			display: inline-block;
			transform: translate(0,0);
			font-weight: normal;
		}
		
		.ipsDataItem_subList a{
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			position: absolute;
			top: 0; bottom: 0;
			left: 15px; right: 5px;
		}
		
		html[dir='rtl'] .ipsDataItem_subList a{
			left: 5px;
			right: 15px;
		}
		
		html[dir='ltr'] .ipsDataItem_subList .ipsDataItem_unread a{
			left: 12px;
		}
		
		html[dir='rtl'] .ipsDataItem_subList .ipsDataItem_unread a{
			right: 12px;
		}
		
		.ipsDataItem_subList:before,
		.ipsDataItem_subList li a::after{
			display: none;
		}

@media screen and (min-width: 550px){
	
	/* Increase to 2 columns when appropriate */
	.ipsDataItem_subList li{
		width: calc((99% / 2));
	}
		
}

@media screen and (min-width: 1300px){
	
	/* Increase to 3 columns on large screens */
	.ipsDataItem_subList li{
		width: calc((99% / 3));
	}
		
}
/* Subforum columns - end */

aby zmienić liczbę kolumn zmień liczbę 3 na coś innego w :

width: calc((99% / 3));

skoro używasz stylu Titan to mniemam że z ipsfocus.com, więc zaglądaj czasem do tej sekcji na ich forum :

https://www.ipsfocus.com/forums/forum/62-42-theme-tutorials/

Odnośnik do komentarza
Udostępnij na innych stronach

Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.