Achtergrond verandert bij zoekresultatenpagina

  • Opgelost René

    (@grootegenoegennl)


    10 jaren, 11 maanden geleden

    Hallo,

    Ik loop ergens tegen aan wat ik niet zelf op kan lossen omdat ik niet voldoende programmeer kennis heb helaas.

    Op mijn website heb ik rechtsboven een zoekfunctie. Gewoon de standaard wordpress, niets bijzonders.

    Het probleem is dat bij de zoekresultaten de hele achtergrond als soort van ‘hover’ knal oranje wordt terwijl dat bij alle andere pagina’s niet het geval is. (als je met je muis van de pagina af gaat verandert de achtergrond weer naar wat het zou moeten zijn)

    Waar kijk ik over heen? volgens mij kan je daar niet heel veel aan instellen toch?

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

    (@liannel)

    10 jaren, 11 maanden geleden

    Hoi Grootgenoegen,

    Je template heeft een wat aparte css

    .facebook:hover{background: #3B5998}
.twitter:hover{background: #6BCFFF}
.google-plus:hover{background: #DE4939}
.pinterest:hover{background: #CE1829}
.search:hover{background: orange}
.linkedin:hover{background: #007bb6}
.envelope:hover{background: #28944A }
.phone:hover{background: #F5832A}
.rss:hover{background: #FF6600}
.youtube:hover{background:#CD332D}

    .search:hover{background: orange} zorgt voor de knaloranje background. Zet in je childtheme style.css of je custum css binnen je template

    `.search:hover{background: none; }

    Succes!
    Lianne

    LianneL

    (@liannel)

    10 jaren, 11 maanden geleden

    Eigenlijk zou ik dit hele gebeuren overschrijven, want kan met uitbreiding van functies nogal voor onrust zorgen, die je niet wilt.

    Groet,
    Lianne

    Thread starter René

    (@grootegenoegennl)

    10 jaren, 11 maanden geleden

    Hoi Lianne,

    Bedankt voor het meekijken.

    Overschrijven zou wel de beste optie zijn. Echter heb ik echt geen idee hoe dat werkt en waar ik moet beginnen, helaas. Zou het wel heel graag willen leren.

    Waar had je bovenstaande nou eigenlijk gevonden? In de style.css kom ik dit niet tegen?

    Groetjes René

    LianneL

    (@liannel)

    10 jaren, 11 maanden geleden

    Nee, maar je website wordt door meerdere stylesheets aangestuurd, bijvoorbeeld ook van plugins. Dat blokje met afwijkende achtergronden staat in http://grootegenoegen.nl/wp-content/plugins/sliding-social-icons/css/site/style.css.

    Ik zag dat je inmiddels in je style.css had getracht dit te overschrijven, maar dat het niet werkte. Dit heeft te maken met de volgorde waarin je stylesheets worden aangeroepen. Jouw styles.css uit je child-theme is de eerste. Dit maakt het wel lastig, want alles wat daarna komt overschrijft dit weer. Dit is nogal onlogisch, weet dit even ook niet.
    Voor nu, zou ik even die achtergronden uit het stylesheet hierboven eruit halen.

    Ik kom hier achter doordat ik in Chrome werk met rechtsklik, ‘inspect element’, of in Firefox met de addon Firebug. Beide methoden zijn goed gedocumenteerd op Google / YouTube op how-to-niveau.

    groet,
    Lianne

    Thread starter René

    (@grootegenoegennl)

    10 jaren, 11 maanden geleden

    Bedankt voor je hulp!!

    Ik heb binnenkort een afspraak met een CSS mannetje die mij even haarfijn uit komt leggen hoe en wat. Vind het allemaal nog erg moeilijk, maar; elk begin is moeilijk. Voor nu laat ik de site nog maar even zoals die is, kan er ook niets fout gaan.

    Komt goed! Nogmaals dank

    Gr Rene

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘Achtergrond verandert bij zoekresultatenpagina’ is gesloten voor nieuwe reacties.