.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.
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.
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ć?
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; }
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?
.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
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ć?
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 #
