Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 3.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

Menu + link opmaak aanpassen

Menu + link opmaak aanpassen

17 sep 2014 09:19 - 17 sep 2014 09:20
#1
Hallo allemaal,

Ik ben een nieuwe joomla 3.3 gebruiker met een basis kennis van CSS en loop tegen wat problemen aan met de opmaak van mijn menu en links.

Als template gebruik ik basetemplate-joomla 3 waarin een bootstrap menu zit. Ik heb in de CSS van dit template al wat zaken aan kunnen passen zodat de kleur vd tekst van het menu veranderd maar zaken zoals de mouseover kleur en de kleur van het submenu krijg ik niet aangepast. Ook de kleur van de header van een artikel krijg ik niet aangepast. Kan iemand mij wellicht vertellen of ik in een andere hoek moet zoeken dan de CSS van de template?

Ik hoor het graag.

Grt

Wouter
Laatst bewerkt 17 sep 2014 09:20 door Bruin008.
Discussie gesloten.
  • Bruin008
  • Bruin008's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 4

Menu + link opmaak aanpassen

17 sep 2014 10:39
#2
Beste Wouter,
Welkom op het forum van Joomla!NL namens het hele team.

Kun je een link naar je site hier plaatsen?
Dan is het wat handiger advies geven.
In Joomla! 3 worden namelijk meerdere templates uit de basis meegeleverd.
Met vriendelijke groet,
Wouter Compactweb.nl
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum.
Wil je Joomla!NL steunen? Dat kan met een donatie.

Discussie gesloten.
  • WoodyF4u
  • WoodyF4u's Profielfoto
  • Moderator + Nieuwsteam
  • Moderator + Nieuwsteam
  • Berichten: 11179

Menu + link opmaak aanpassen

17 sep 2014 10:51
#3
Discussie gesloten.
  • Bruin008
  • Bruin008's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 4

Menu + link opmaak aanpassen

17 sep 2014 11:32
#4

Bruin008 schreef : Ook de kleur van de header van een artikel krijg ik niet aangepast.


Wat betreft je headers:

In regel 9 van je bootstras.min.css staat
Code:
a { color: #08c; text-decoration: none; }

Aangezien jouw koptekst (h2) tevens een link (a) is, zal de kleur van de a die van de h2 'overrulen'.

Je zou zoiets aan je css kunnen toevoegen:
Code:
h2 a {color:#kleurcode;}
Discussie gesloten.
  • Sebas
  • Sebas's berichtenfoto
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 29

Menu + link opmaak aanpassen

17 sep 2014 11:35
#5
ah super ik ga er is mee aan de slag, blijft alleen nog het aanpassen van de mouseover over ;)
Discussie gesloten.
  • Bruin008
  • Bruin008's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 4

Menu + link opmaak aanpassen

17 sep 2014 15:16
#6
Mouse-over van je hoofdmenu is deze:
Code:
.nav > li > a:hover, .nav > li > a:focus { background-color: #eee; text-decoration: none; }
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37142

Menu + link opmaak aanpassen

17 sep 2014 16:27
#7
thnx voor de snelle reacties. Misschien ben ik een zeikerd hoor maar is het wellicht mogelijk kort uit te leggen hoe jullie hebben gevonden dat het daar zit? Wil het nl graag zelf leren ;)
Discussie gesloten.
  • Bruin008
  • Bruin008's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 4

Menu + link opmaak aanpassen

17 sep 2014 16:45
#8
Wouter, denk je nu echt dat wij onze tovertrucs gaan uitleggen? :evil: Dan kan straks iedereen het ;)

Anyway: gebruik een browser als Firefox of Chrome en installeert daarbij de uitbreiding 'Firebug'. Hiermee kun je, plat gezegd, op onderdelen van je site klikken en daar direct de bijbehorende css-code van zien. Én deze 'live' aanpassen.

Stel: je wilt even zien hoe jouw site er met een zwarte achtergrond uitziet, dan selecteer je de body in html en pas je de achtergrondkleur in de css aan. Resultaat: zie de afbeelding.

Dit bericht bevat een afbeelding als bijlage.
Log in of registreer om die te bekijken

Discussie gesloten.
  • Sebas
  • Sebas's berichtenfoto
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 29
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 1.170 seconden

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie