• Rozwiązano mible

    (@mible)


    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 */

Viewing 6 replies - 1 through 6 (of 6 total)
  • zmień w pliku style.less

    Thread Starter mible

    (@mible)

    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 kodu

    Thread Starter mible

    (@mible)

    Dzięki raz jeszcze 🙂

    Thread Starter mible

    (@mible)

    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;

    Thread Starter mible

    (@mible)

    Tytułowy temat zamknięty. Dziekuję.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Temat ‘Zmiana tła w szblonie Vantage’ jest zamknięty na nowe odpowiedzi.