problem w stylizacji slidera

pytanie zadane 20 marca 2019 w HTML i CSS przez LinosiK Obywatel (1,920 p.)

Cześć ! Ostatnio na swojej stronie chciałem dodać owl Carousel... I dodałem jednakże nie wiem teraz jak to wystylizować. Mam 3 divy w których są akapity i robiłem według jakiegoś zagranicznego poradnika... Slidery mam, przesuwać myszką je mogę ale są 3 pod sobą a nie 3 obok siebie jak według poradnika... Nie wiem gdzie mam błąd oraz czy wgl w dobrej klasie je próbuję stylizować. Poniżej zarzucam kod:

HTML:

	<div class="banner">
				<div class="owl-carousel owl-theme">
					<div class="item">
						<h1>Przykładowy slider nagłówkowy</h1><br />
						<p>Przykładowy paragraf pod sliderem</p>
					</div>
				</div>
				<div class="owl-carousel owl-theme">
					<div class="item">
						<h1>Przykładowy slider nagłówkowy</h1><br />
						<p>Przykładowy paragraf pod sliderem</p>
					</div>
				</div>
				<div class="owl-carousel owl-theme">
					<div class="item">
						<h1>Przykładowy slider nagłówkowy</h1><br />
						<p>Przykładowy paragraf pod sliderem</p>
					</div>
				</div>
			</div>

Slidery stylizuję w klasie banner, oto urywek z CSS:

.banner {
	color: #FFF;
	height: 300px;
	width: 100%;
	text-align: center;
	float: left;
}

Oraz JS, dzięki któremu działa przesunięcie myszką oraz automatyczne:

	$('.owl-carousel').owlCarousel({
    loop: true,
    margin: 10,
    nav: true,
		items: 1,
		autoplay: true,
		autoplayTimeout: 1000
})

Pokaż 7 poprzednich komentarzy

komentarz 20 marca 2019 przez LinosiK Obywatel (1,920 p.)

Na luzie, jesteśmy w kontakcie na forum, jak coś można przejść na discorda.

komentarz 20 marca 2019 przez pablop76 VIP (123,180 p.)

To wygląda jak nie wczytane style css. Używasz inspektora kodu w przeglądarce?

komentarz 21 marca 2019 przez LinosiK Obywatel (1,920 p.)

Nie nigdy z tego nie korzystałem :(

komentarz 21 marca 2019 przez pablop76 VIP (123,180 p.)

To jak namierzasz błędy? Poszukaj jakiegoś artykułu na temat narzędzi developerskich dla twojej przeglądarki. I sprawdź czy elementy dostają style. browser developer tools

komentarz 21 marca 2019 przez LinosiK Obywatel (1,920 p.)
edycja 21 marca 2019 przez LinosiK

Tak teraz grzebie i szukam i niby jakieś style nakłada... jednakże najpierw chciałbym naprawić błąd który wyświetla wszystkie 3 slidery pod sobą, a teoretycznie tak nie powinno być.

Czy to błąd związany ze zbyt małą ilością tekstu ?
@Edit
Tylko to musi być coś z tym podpięciem styli nie tak.. Bo patrząc na stronie owl carousel przy demo jak prezentują ową karuzelę są kropki do przewijania oraz strzałki, ja takowych nie mam.

@Edit2

Miałem coś nie tak z moimi divami... Teraz wkleiłem jeszcze raz z głupoty można powiedzieć divy jakie oni podają na stronie... I działa.. Ale jak w przykładzie w paragrafie jest 1 i ona nie ma żadnego background i wgl styli to gdzie mogę to wystylizować ? dodać swoje ID bądź class i w swoim style.css?

1 odpowiedź

odpowiedź 21 marca 2019 przez pablop76 VIP (123,180 p.)

Własne motywy

komentarz 21 marca 2019 przez LinosiK Obywatel (1,920 p.)

Dzięki bardzo za pomoc, słuchaj a wiesz może jak zrobić aby slidery stały w miejscu ? w sensie gdy scrolluje niżej moje sticky menu jedzie ze mną a slider "przeskakuje" do górnej krawędzi i chciałbym uniknąć tego skoku, ponieważ jest on widoczny i trochę brzydko wygląda.