Zmiana tła w szblonie Vantage
-
Cześć.
Chcę zmienić tło menu i wyszukiwarki (lupa) w szablonie http://wp-themes.com/vantage/Czy ktoś może mi powiedzieć gdzie tego szukać? Zmieniłem numer koloru na #ffd800 w style.css, w linijce ale nie zadziałało. Będę wdzięczny za pomoc. Paweł.
/* =Menu
———————————————– */
.main-navigation {
margin: 0 -35px;
background: #ffd800;
font-size: 16px;
position: relative;
/* Font awesome icons */
/* General menu link styling */
/* For when the menu becomes a sticky menu */
-
zmień w pliku style.less
Pomogło. Dzięki! 🙂
Czy możesz mi podpowiedzieć jeszcze gdzie szukać, by
1. zmienić kolor tła lupy służącej do wyszukiwania
2. kolor tekstu w menu
3. grubość paska menu?Paweł
1. #search-icon #search-icon-icon
2. .main-navigation a
3. .main-navigation ul li a
Korzystaj z narzędzi deweloperskich przeglądarki: prawoklik >> zbadaj element
Tutaj masz małe wprowadzenie do inspektora koduDzięki raz jeszcze 🙂
Walczę z tym szablonem okrutnie. Zaczynam mieć go dosyć.
Niestety nie udało mi się zmienić wysokości paska menu…
Czy pomożesz mi jeszcze raz – wycentrować elementy głównego menu?/* =Menu
———————————————– */
.main-navigation {
margin: 0 -35px;
background: #ffd800;
font-size: 16px;
position: relative;
/* Font awesome icons */
/* General menu link styling */
/* For when the menu becomes a sticky menu */
}
.main-navigation [class^=”icon-„] {
display: inline-block;
margin-right: 15px;
font-size: 16px;
line-height: 0.5em;
color: #CCCCCC;
}
.main-navigation a:hover [class^=”icon-„] {
color: #ffd800;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
zoom: 1;
/* Second level menu items */
}
.main-navigation ul:before {
content: ”;
display: block;
}
.main-navigation ul:after {
content: ”;
display: table;
clear: both;
}
.main-navigation ul li {
display: block;
position: relative;
float: left;
}
.main-navigation ul li:hover > a {
background: #00bcff;
color: #FFFFFF;
}
.main-navigation ul li a {
padding: 20px 35px;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.main-navigation ul li a,
.main-navigation ul li a > * {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.main-navigation ul ul {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
background: #464646;
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 99999;
/* Third Level Items */
}
.main-navigation ul ul a {
width: 200px;
padding: 15px 20px;
}
.main-navigation ul ul li {
position: relative;
/* Hovering over 2nd level items */
}
.main-navigation ul ul li:hover > a {
background: #00bcff;
color: #FFFFFF;
}
.main-navigation ul ul ul {
left: 100%;
top: 0;
margin-left: 0;
}
.main-navigation ul li:hover > ul {
display: block;
}
.main-navigation a {
display: block;
text-decoration: none;
color: #4e5253;
font-weight: bold;
}
.main-navigation.sticky {
-webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.15);
-moz-box-shadow: 0 2px 1px rgba(0,0,0,0.15);
box-shadow: 0 2px 1px rgba(0,0,0,0.15);
}
body.has-menu-search .main-navigation ul {
margin-right: 59px;
}
/* Handle the navigation slightly differently on mobile devices */
body.mobile-device .main-navigation ul ul {
display: none;
}
body.mobile-device .main-navigation li:hover > ul {
display: block;
}
.mobile-nav-frame [class^=”icon-„] {
display: inline-block;
margin-right: 10px;
min-width: 1em;Tytułowy temat zamknięty. Dziekuję.
- Temat ‘Zmiana tła w szblonie Vantage’ jest zamknięty na nowe odpowiedzi.