Wsparcie » Używanie i konfiguracja WordPressa » Zmiana koloru belki, wyrzucenie kilku rzeczy ze strony głównej

  • painstream

    (@painstream)


    Witam, rozpoczynam pracę nad stroną, jako motyw wybrałem sobie 'Franz Josef’, aktualnie moja witryna startowa wygląda tak: http://www.wioskaedukacyjna.pl
    Chciałbym ją dostosować do swoich potrzeb, dlatego mam kilka pytań:
    1. Czy można (jeśli tak, to jak) zmienić kolor górnej belki? Tam gdzie jest logo i odnośnik „Kontakt”?
    2. Chciałbym żeby na stronie głównej nie było nic, oprócz slideshowa, tzn zdjęcie, tytuł i kilka linijek wstępu, no i na dole belka i stopka, z wyrzuceniem kalendarza sobie poradzę, ale nie mam pojęcia jak zrobić żeby nie wyświetlało się „Przykładowa strona” oraz „LATEST ARTICLES”.
    Na ten moment to tyle, za każdą pomoc serdecznie dziękuję

Viewing 8 replies - 1 through 8 (of 8 total)
  • Moderator Paweł Knapek

    (@adpawl)

    .navbar { background:#F2F5F7 !important; }

    Ustaw sobie główną jako statyczną (Wygląd >> Czytanie), a potem w Wygląd >> Franz Josef Options >> General > Front Page zaznacz Don’t show blog posts i zapisz zmiany.

    Thread Starter painstream

    (@painstream)

    Nie mogę nigdzie znaleźć przytoczonej linijki, próbowałem zmieniać inne 'color’ i 'background’ pod navbar ale nie udalo mi się uzyskać efektu, przeklejam kod:

    /* =Header
    -------------------------------------------------------------- */
    
    .admin-bar .navbar-fixed-top {
    	top: 32px;
    }
    .navbar-header {
    	line-height: 85px;
    	min-height: 85px;
    	vertical-align: middle;
    }
    .site-title {
    	margin-top: 27px;
    	font: bold 22px/30px Montserrat, 'Open Sans', sans-serif;
    	text-transform: uppercase;
    	letter-spacing: 0.2em;
    }
    .site-title a {
    	color: #fff;
    	text-shadow: 0 2px 0px #000;
    }
    .navbar-inverse .navbar-nav > li > a {
    	padding-top: 32px;
    	padding-bottom: 33px;
    	color: #fff;
    	text-transform: uppercase;
    	font-family: Montserrat, "Open Sans", sans-serif;
    	font-weight: bold;
    }
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus,
    .navbar-inverse .navbar-nav > li > a:hover {
    	color: #1ca4be;
    	background: none;
    }
    .nav .fa-chevron-down {
    	font-size: 8px;
    	vertical-align: middle;
    	color: #777;
    	margin-top: -5px;
    }
    .navbar-pinned .navbar-nav > li > a {
    	padding-top: 15px;
    	padding-bottom: 15px;
    	-webkit-transition: padding 0.1s;
    	-o-transition: padding 0.1s;
    	transition: padding 0.1s;
    }
    .navbar-pinned .navbar-header {
    	line-height: 50px;
    	min-height: 50px;
    }
    .navbar-pinned .site-title {
    	margin-top: 10px;
    }
    .navbar-pinned .site-title img {
    	max-height: 30px;
    	width: auto;
    }
    .dropdown-submenu {
        position: relative;
    }
    .dropdown-submenu > .dropdown-menu {
    	position: static;
    	-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	-ms-box-shadow: none;
    	-o-box-shadow: none;
    	box-shadow: none;
    	background: #f5f5f5;
    	-webkit-border-radius: 0;
    	-moz-border-radius: 0;
    	-ms-border-radius: 0;
    	-o-border-radius: 0;
    	border-radius: 0;
    	border: none;
    	display: block;
    }
    .navbar-collapse.in .navbar-nav .dropdown-submenu > .dropdown-menu {
    	background: #FFFFFF;
    }
    .dropdown-submenu > .dropdown-menu a:hover {
    	color: #1CA4BE;
    }
    .dropdown-submenu .dropdown-menu > li > a {
    	padding-left: 30px;
    }
    .wide-nav .site-title {
    	margin-top: 10px;
    	margin-bottom: 0;
    }
    .wide-nav .navbar-header,
    .wide-nav .navbar-nav {
    	float: none;
    	text-align: center;
    	min-height: 0;
    }
    .wide-nav .navbar-nav > li {
    	float: none;
    	display: inline-block;
    }
    .wide-nav .navbar-nav > li > a {
    	padding-top: 10px;
    	padding-bottom: 10px;
    }
    .navbar-pinned .wide-nav .navbar-header {
    	display: none;
    }
    .breadcrumbs-wrapper {
    	padding: 10px 0;
    	background: #f5f5f5;
    	border-bottom: 1px solid #eee;
    	font-size: 12px;
    	line-height: 16px;
    }

    Co do drugiego – udało mi się usunąć latest articles, jednak aby ustawić statyczną stronę musialem ją utworzyć, utworzylem 'strona główna’, jednak teraz pod slideshowem pokazuje mi nazwę tej strony, czy można to jakoś ukryć, tak aby widoczny był tylko slideshow? Bo pustej strony jako takiej utworzyć nie można.

    Thread Starter painstream

    (@painstream)

    Kolejny problem – po aktualizacji motywu nad górnym menu jest jeszcze „Tożsamość witryny” gdzie znajduje się opis witryny i nazwa, wyrzuciłem opis i nazwę, ale pole (to niebieskie) nadal pozostało, czy można to jakoś wyrzucić?

    Moderator Paweł Knapek

    (@adpawl)

    1. tą linijkę po prostu sobie dopisujesz np. na końcu pliku style.css

    2. ukrycie tytułu body.home .highlight-title { display:none; }

    3. div.top-bar { display:none; }

    Thread Starter painstream

    (@painstream)

    Serdecznie dziękuję, we wszystkich poruszonych tu kwestiach problem uważam za zamknięty, ale z tego co widzę to każde kolejne rozwiązanie generuje kolejną trudność – tym razem chodzi o górne menu, po kliknięciu na te menu, które zawiera więcej niż jedną pozycje cały przycisk staje się czarny, przy białym tle niezbyt ładnie to będzie wyglądać, wolałbym aby nie było żadnego tła (można to pewnie zrobić za pomocą tego, że na białym wyświetla białe) bądź też inny kolor, ale tylko w wypadku, gdy każdy mógłby być inny – czy jest taka możliwość? Jeśli nie to jak wyłączyć/zmienić kolor po kliknięciu?

    Moderator Paweł Knapek

    (@adpawl)

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { background-color:transparent !important; }
    -ewentualnie dla background jakiś wybrany kolor np. #fff;

    Swoją droga, polecam korzystać z narzędzi deweloperskich przeglądarki.
    np. tutaj jest proste wprowadzenie do obsługi inspektora kodu

    Thread Starter painstream

    (@painstream)

    Dziękuję, chyba sobie z tym poradziłem, jednak… mam kolejny problem.
    Zacząłem uzupełniać stronę, na początek chciałem porobić sobie menu i następnie uzupełniać podstrony, pierwsze menu zrobiłem bezproblemowo, wszystko działa, jednak gdy próbowałem zrobić menu, które jest podwójnie osadzone (tzn. jest menu główne „zajęcia dla grup”, podmenu „warsztaty….” i kolejne podmenu „ochrona przyrody”) to te ostatnie nie działa, tzn nie można go kliknąć i jest kompletnie nieaktywne, ma szare tło. Nie wiem czemu tak się dzieje, czy motyw może nie obsługiwać takich kombinacji?
    Druga sprawa to jeżeli robi menu Wioska edukacyjna np. na stronie głównej to chciałbym aby był to wyłącznie przycisk, po rozwinięciu którego ujawnią się konkretne podmenu, które będą stronami do których mogę przejść – aktualnie mam tak, że „Wioska edukacyjna” również jest stroną i jeżeli nie kliknę na strzałkę bądź też pod napisem to przechodzi mi do pustej strony Wioska edukacyjna. Czy można to zlikwidować?

    Moderator Paweł Knapek

    (@adpawl)

    1. np. dla .dropdown-submenu > .dropdown-menu
    zmieniasz position:static; na position:relative;

    2. w menu nie musisz akurat dodawać stron, możesz dodać Własny odnośnik (jeżeli nie masz takiej możliwości, rozwijasz Opcje ekranu i tam aktywujesz)
    A we własnym odnośniku dajesz sobie jakiś opis i w polu adresu URL wstawiasz #

Viewing 8 replies - 1 through 8 (of 8 total)
  • Temat ‘Zmiana koloru belki, wyrzucenie kilku rzeczy ze strony głównej’ jest zamknięty na nowe odpowiedzi.