Ondersteuning » Thema en CSS/opmaak » Weg met die groene kleur.

Weg met die groene kleur.

  • Bigpapa162

    (@bigpapa162)


    8 jaren, 1 maand geleden

    Ik heb een site gebouwd met thema twenty fourteen.
    Wat mij irriteerd zijn de groene balken als je op een menu onderdeel gaat staan. Zie ook aan de rechterkant de zoekfunctie.Die zou ik graag veranderd willen zien van vies groen naar eigen html kleur.
    De subsmenu`s heb ik wel in mijn eigen kleur kunnen krijgen.

    En nog een vraag. Als ik de site op een 1280×1024 beeldscherm bekijkt dan lijkt het wel of hij is uitgerekt is over de breedte.
    Ik maak al gebruik van een Responsive plugin namelijk WPTouch Mobile Plugin.
    Helaas heeft dit alleen maar geholpen voor de mobile sites.
    Is hier ook een plugin voor of kan dit met een code.

    Het gaat om de site https://zeevissenindenemarken.nl/

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Bas

    (@basz85)

    8 jaren, 1 maand geleden

    Beste,

    Je kan met Simple Costum CSS (plugin) gebruiken om de kleuren aan te passen. Op deze manier hoeft je geen child thema aan te maken en hoeft je ook geen veranderingen aanmaken in de style.css van het thema.

    Ik heb even gekeken voor het menu als eerste: 

    a {
	color: #24890d;
	text-decoration: none;
}

    Deze kan je veranderen naar je eigen HTML kleur. De #24890d; is de groene kleur.

    Zoek gedeelte: 

    /* Search in the header */

.search-toggle {
	background-color: #24890d;
	cursor: pointer;
	float: right;
	height: 48px;
	margin-right: 38px;
	text-align: center;
	width: 48px;
}

.search-toggle:hover,
.search-toggle.active {
	background-color: #41a62a;
}

    De hover is waarschijnlijk lichtgroen, de onderste code regel. De bovenste regel #24890d; is de groene kleur.

    Betreft de responsive design. Er zijn talloze thema’s die responsive design ondersteunen en zelf over de functie beschikken, zonder enige plugin te gebruiken.

    Succes!

    Thread starter Bigpapa162

    (@bigpapa162)

    8 jaren, 1 maand geleden

    Helaas is niet de juiste.
    Wel bedankt tot zover.

    Thread starter Bigpapa162

    (@bigpapa162)

    8 jaren, 1 maand geleden

    Inmiddels gelukt met de code

    .site-navigation a:hover {
    background-color: #2a94a6 !important;
    }

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘Weg met die groene kleur.’ is gesloten voor nieuwe reacties.

Weergaven