Navbar välimuse muutmine "transparent"

  • maru 2 a

    Tere!
    Palun kas keegi teab kuidas muuta oletus asetusena olevat kodulehe navbar:i ülaosa läbipaistvaks (transparent) kujundusega. Kasutan WordPress teemat "Zerif pro" Juhenditest pole abi olnud. Ise arvan et tuleb vist CSS koodi muuta, kuid ei tea kuidas mis sektoris. Oleks väga tänulik kui keegi oskaks abi anda selles osas. Aitäh!

    28. november 2015 - 20:30:59 · Otselink

  • "oletus asetusena" ? tehke screenshot ja näidake, kus ja mis läbipaistvaks teha.

    29. november 2015 - 01:09:28 · Otselink

  • lisaks veel, kui lähtuda "Zerif pro"'st, mille demo on näiteks siin https://prod-75.preview.themecloud.io/, siis kui style.css, 1438 rida muuta
    background: #FFF;
    -> background: rgba(255,255,255,0.5)
    mis on isegi mitte 100%, aga poolläbipaistev, siis see pole hea mõte sest scrollides jääb menüü halvasti loetavaks.

    29. november 2015 - 01:29:50 · Otselink

    1

    • 0.8 - 0.95 on tihti kasutajasõbralikum sellises olukordades kui 0.5.

    Loe kõiki

  • maru 2 a

    Aitäh!
    Menyy osale pole tegelikult suuremat vajadust. Aga ta võib seal siiski olla läbipaistvana. Just seda ma ajan taga. Kuid kuna olen nii algaja, siis ma ei leia isegi style css:is seda rida üles kus pääseb menyy osas muudatusi tegema. Juustu Pirukas tõi rea numbri välja, aga read ei ole vähemalt minu lehel nummerdatud nii, et ma ei tea millises kohas muudatust tuleb teha.(style.css)
    Peaks see olema just kui Navigation/Menus sektori kirjelduses.Tegin screene, aga ma ei oska sedagi siia üles panna näitamiseks. See ei tohiks keeruline olla, ehk Juustu Pirukas oled nii tubli ja aitab mind vähe veel pliiz:)

    29. november 2015 - 10:05:29 · Otselink

    3

    • Järgmine kord võid kasutada ctrl + f (või maci peal cmd + f) õige koha leidmiseks…

    • Aitäh soovituse eest, aga oli isegi teadlik sellest ctrl+f, kahjuks see ei andnu tulemusi. Viskas lihtsalt fraasi punaseks ja kõik. Proovin leida seda navbar class sektorit.

    Loe kõiki

  • maru 2 a

    .header-content-wrap {
    background: rgba(255, 255, 255, 0.95);
    position: relative;
    -webkit-box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08);
    box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08);
    padding: 285px 0 210px;
    }
    Sellise muudatuse tegin, aga peale "uuenda faili" mida muudeti "edukalt" mingit muudatust lehel ei toiminud... Kas midagi jäi tegemata...?

    29. november 2015 - 10:53:26 · Otselink

    1

    • Juustu poolt lingitud lehe koodi vaadates peaks muutma ".navbar" classi parameetreid. Seal lehel .header-content-wrap'i ei näe kasutusel. Lihtsam vist kui oma lehe lingid?

    Loe kõiki

  • vaata, sinu teema style.css, mis peaks asuma wp-content/themes/zerif-pro/ 's nagu see siin: https://prod-75.preview.themecloud.io/wp-content/themes/zerif-pro/style.css
    seal real 1438 on selline kood
    .navbar {
    background: #FFFFFF;
    border: 0px none currentColor;
    border-radius: 0px !important;
    text-align: left;
    }
    vot see sama background: #FFFFFF; muuda nii background: rgba(255,255,255, 0.5),
    kusjuures viimane osa "0.5" võib olla nagu matude ütles ka vahemikus 0.8 - 0.95 (või siis katseta 0.01 kuni 0.99)
    Aga soovitan enne teha child teema sellele zerif-pro teemale

    29. november 2015 - 14:03:58 · Otselink

  • maru 2 a

    .navbar {
    background: rgba(255,255,255, 0.55)
    border: 0px none currentColor;
    border-radius: 0px !important;
    text-align: left;

    Tegin nagu kästud, aga muudatust lehel ei ole.
    Leht ise: http://www.malronix.com/
    Vot sellest hallist ylemisest reast pea lahti saama või vähemalt, et see oleks transparent. See on praegusel kujul lihtsalt nii kole ja mõttetu seal. Arusaadavalt pole ma varem kokku puutund koduka loomisega. On ainult bloggeri kerge kogemus. Mida tähendab "teha child teema sellele zerif-pro teemale" ?
    Ja loomulilult suured tänud Pirukale, ma ei teadnud isegi kust peaks sellise koodi lingi saatma mille nyyd turvacopyna säilitan:)
    Ma väga palun, et mind edasi juhendataks.

    29. november 2015 - 14:46:49 · Otselink

    3

    • See on imelik, et peale muutmist "Faili muudetu edukalt" kuid muudatus ikkagi ei jõustu lehel, vahest on probleem nyyd mujal... Kood on õigel real ja õieti kirjas...

    • puhasta browseri cache v]i lihtsalt lisa URL l]ppu midagi sellist "?v=111"

    Loe kõiki

  • aha, sul on ümbertehtud teema ilmselt... aga see hall moodustub sul html's inline stiilides, ilmselt WP header.php's, seal peaks olema <style type="text/css"> .... </style>, mille sees on .navbar { background: #e5e5e5; }, see #e5e5e5 ongi see hall.

    kui sul seda hallil taustal olevat ploki pole üldse vaja, siis lisa sinna kõrvale "display: none!important;"

    29. november 2015 - 15:30:45 · Otselink

  • ja child teemade kohta loe siin https://codex.wordpress.org/Child_Themes

    29. november 2015 - 15:37:16 · Otselink

  • maru 2 a

    Laadisin Child plugina ja aktiveerisin. Ei õige saa selle mõttele pihta, arvasin et leiab koodi kus toda muudatust ploki osas teha, aga seal pole sedagi. Kus selle WP header tuleb veel leida...
    Siin ma olen juba kyll umbtänavas.

    29. november 2015 - 17:05:15 · Otselink

  • maru 2 a

    Jah, ykskõik milliseid muid muudatusi ka ei teeks, kodulehel need muudatused ei ilmu. Arvan et just siin on probleem. Miks need ei jõustu kuigi css on muudatus tehtud.

    29. november 2015 - 17:37:29 · Otselink

  • maru 2 a

    Oh head naised ja härrad! Hakkama sain:)jeee, ma ei tea mida enne valesti tegin, aga nyyd asi toimib, uskumatu jah!:)) Aitäh Juustu Pirukas::))

    29. november 2015 - 18:38:49 · Otselink

  • maru 2 a

    Lõpuks mis Navbar:i eemaldas CSS:is oli background: #FFFFFF; välja vahetamine "display: none!important;" koodi vastu!

    .navbar {
    display: none!important;
    border: 0;
    border-radius:0 !important;
    text-align: left;

    29. november 2015 - 20:19:43 · Otselink

    2

    • Kui sul on display: none!important; siis kõik järgneva võid ära kustutada.Sellist muutust css on nõme lisada. Kui sul seda navbari üldse vaja pole, peaksid selle template koodist maha võtma.

    • hetkel sul tehakse see navbar valmis ja siis lihtsalt ei näidata browseri renderduses. See on musternäide halvast koodimisest.

    Loe kõiki