cat-nav probleem

  • Opgelost Johan1412

    (@johan1412)


    12 jaren, 9 maanden geleden

    Hallo,
    Ik heb iets fout gedaan in het veranderen van de cat-nav sectie. Nu staan de titels allemaal links. Hieronder zie je hoe het er nu bij staat. Wat moet ik veranderen?

    #cat-nav { bottom:-14px; left:0; position:absolute; width:980px; z-index:100; }
    #cat-nav-content {background: url(images/cat-nav-content.png) no-repeat; width: 10px; height: 50px; float: left;}
    #cat-nav-left {background: url(images/cat-nav-left.png) repeat-x; float: left; height: 50px; width: 941px; }
    .nav li ul {box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 3px 6px 7px 1px rgba(0, 0, 0, 0.5); background: url(images/cat_menu_bg.png) repeat-y; border: 1px solid #111010; -moz-border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top: none; padding-bottom: 15px; }
    #cat-nav-content ul.nav { float: left; margin-top: 10px; margin-left:18px; }

    #cat-nav-content ul.nav li { padding:0 17px 0 0; }
    #cat-nav-content ul.nav li a { padding: 8px 4px 21px; }

    #cat-nav-content ul.nav li.sf-ul a { padding: 8px 6px 21px 15px; }

    #cat-nav-content ul.nav > li.sf-ul { background: url(images/li-hover.png) no-repeat 55px right; }
    #cat-nav-content ul.nav > li.sf-ul > a { background: url(images/a-hover.png) no-repeat 55px left; }

    #cat-nav-content ul.nav > li.sf-ul.sfHover { background: url(images/li-hover.png) no-repeat top right; }
    #cat-nav-content ul.nav > li.sf-ul.sfHover > a { background: url(images/a-hover.png) no-repeat top left; display: block; }

    #cat-nav-content ul.nav li li { padding: 0px; }
    #cat-nav-content ul.nav ul ul { border-top: 1px solid #111010; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; }
    #cat-nav-content ul.nav li li a:hover { color: #00b7f3; }
    #cat-nav-content ul.nav li a {color: #fefefe; font-weight: bold; text-decoration: none; text-shadow: -1px -1px 1px #0a0a0a; }
    #cat-nav-content ul.nav ul li a { text-shadow: 1px 1px 1px #0a0a0a; }
    #cat-nav-content ul.nav > li > a:hover { }
    #cat-nav-content ul.nav li li {background: url no-repeat 16px 21px;}
    #page-menu ul.nav li li { background:url(“images/page-menu-bullet.png”) no-repeat scroll 16px 16px transparent; }
    #page-menu ul.nav li a { padding: 8px 9px 16px; }
    #page-menu ul.nav > li > a.sf-with-ul:hover, #page-menu ul.nav > li.sfHover > a { background-color: #232323; }
    #page-menu ul.nav li li a { text-shadow: none; }

    #page-menu .nav li:hover ul, #page-menu ul.nav li.sfHover ul { left:0px; top:45px; }
    #page-menu .nav ul li:hover ul, #page-menu ul.nav ul li.sfHover ul { left:191px; top:-2px; }

    #cat-nav-content ul.nav li li a, #page-menu ul.nav li li a {background: url(images/divider.png) no-repeat bottom left; display: block; width: 156px; padding: 9px 5px 11px 28px !important; }
    #page-menu ul.nav li li a { background: none; padding: 0px 5px 0px 28px !important; }

    #cat-nav-right { background: url(images/cat-nav-right.png) no-repeat; width: 19px; height: 50px; float: left;}
    #cat-nav #search-form { float: right; width: 131px; background: url(images/search.png) no-repeat; height: 27px; margin-top: 15px;}
    #cat-nav #searchinput { background: none; border: none; color: #646464; padding-left: 12px; display: block; margin-top: 3px; float:left; width: 95px; }

    Zie hier de site: http://www.johanstevens.nl

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • W.P. Ginfo

    (@wp-ginfo)

    12 jaren, 9 maanden geleden

    Plaats je code tussen backtics . Zo voorkom je dat de forumsite probeert jouw code uit te voeren en van slag raakt.
    Overigens CSS styling is ook met de standaard tools zoals ‘firebug’ zichtbaar.

    Het valt me op dat de code suggereert dat alles links moet staan, maar feitelijk rechts staat.

    Het is nu moeilijk na te gaan, waar / wanneer je een fout hebt gemaakt.

    Heb je recent plugins geïnstalleerd of upgrades uitgevoerd, controleer eerst of daar het probleem zit.
    Zo kan het bijvoorbeeld zijn dat de makers van je theme een upgrade hebben gemaakt die – als je geen childtheme gebruikt- je site nu in de war gooit.

    Hernoem de plugins [zet ‘0’ voor de naam] en controleer of het probleem verdwijnt.
    Hernoem plugins naar hun oude naam, één voor één. Controleer steeds of het probleem terugkomt. ‘Dader gevonden?’ Verwijder de plugin en zoek een alternatief.

    Zit het probleem NIET in plugins?
    Het onderzoek dan het volgende:

    • Gebruik je een ‘childtheme’:
      FTP: In de map van je childtheme: hernoem style.css bijv door een ‘0’ ervoor te plaatsen
    • Browser: Controleer het resultaat en zie of het probleem verdwenen is. [Het uiterlijk van je site is wrsch sterk veranderd]
    • Stap voor stap bouw een nieuwe style.css op [gebruik de elementen van 0style.css één voor één en kijk wanneer het probleem zich opnieuw voordoet. Zo weet je welke aanpassing het probleem veroorzaakt.

    Heb je de aanpassingen van je CSS in het ORIGINELE style.css gedaan?

    1. FTP: In de map van je originele theme: hernoem style.css bijv door een ‘0’ ervoor te plaatsen
    2. download je theme naar je PC
    3. upload alleen style.css van het originele theme naar je site
    4. installeer en activeer een childtheme. Tip: gebruik ‘one click childtheme’
    5. maak de aanpassingen in de style.css van je childtheme. Gebruik zoveel mogelijk eerdere aanpassingen. Controleer steeds de uitkomst.
    Thread starter Johan1412

    (@johan1412)

    12 jaren, 9 maanden geleden

    Dank je wel voor je uitgebreide antwoord. Excuus voor de verkeerde notatie. Ik ben een leek.
    Ik kan je wel trouwens veel exacter vertellen wat er mogelijk is misgegaan.

    ik heb gisteren de #cat-nav-content {background: url(images/cat-nav-content.png) en ook de cat-nav-left én de cat-nav-right veranderd in ALLEN : cat-nav-content. Toen dit niet bleek te werken heb ik alles weer terug gezet zoals het stond. ALTHANS: dat dacht ik. Er is toch blijkbaar iets niet goed gegaan. Zou jij nog eens naar alleen die gedeelten willen kijken? Moet bijvoorbeeld ‘no-repeat’ niet worden veranderd in ‘x-repeat’. De fout kan volgens mij alleen daar zitten.
    Groet en enorm dank!

    Thread starter Johan1412

    (@johan1412)

    12 jaren, 9 maanden geleden

    Beste,
    Ik heb het al weten te herstellen. Ik had ‘left’ en ‘content’ omgewisseld. ; )

    Dank anyway!

    W.P. Ginfo

    (@wp-ginfo)

    12 jaren, 9 maanden geleden

    Goed dat het gelukt is om er uit te komen.

    Maak voor het aanpassen van je site steeds een back-up!
    Zo heb je een punt om op terug te vallen als zaken niet gaan zoals gewenst.

    Gebruik FTP om een backup van de bestanden te maken.
    Maak ook een back-up van de database

    Vergeet aub niet de thread als ‘resolved’ / ‘opgelost’ te taggen in de rechter zijbalk.

    Thread starter Johan1412

    (@johan1412)

    12 jaren, 9 maanden geleden

    Dank!

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)

Het onderwerp ‘cat-nav probleem’ is gesloten voor nieuwe reacties.