Vermeld in iedere vraag duidelijk:
- De versie van Joomla! 3.X die je gebruikt
- De volledige url van je website indien mogelijk.
- 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
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
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
- Bruin008
- Heeft onderwerp gestart
- Nieuw op Joomla!NL
- Berichten: 4
Menu + link opmaak aanpassen
17 sep 2014 10:39
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.
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
Wouter Compactweb.nl
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum. |
- WoodyF4u
- Moderator + Nieuwsteam
- Berichten: 11310
- Bruin008
- Heeft onderwerp gestart
- Nieuw op Joomla!NL
- Berichten: 4
Menu + link opmaak aanpassen
17 sep 2014 11:32Bruin008 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;}
- Sebas
- Joomla!NL ontdekker
- Berichten: 29
-
Menu + link opmaak aanpassen
17 sep 2014 11:35
ah super ik ga er is mee aan de slag, blijft alleen nog het aanpassen van de mouseover over
- Bruin008
- Heeft onderwerp gestart
- Nieuw op Joomla!NL
- Berichten: 4
Menu + link opmaak aanpassen
17 sep 2014 15:16
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. |
- Astrid
- Moderator + Technisch team
- Berichten: 37559
Menu + link opmaak aanpassen
17 sep 2014 16:27
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
- Bruin008
- Heeft onderwerp gestart
- Nieuw op Joomla!NL
- Berichten: 4
Menu + link opmaak aanpassen
17 sep 2014 16:45
Wouter, denk je nu echt dat wij onze tovertrucs gaan uitleggen? 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.
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.
Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.
Login of registreer om deze te zien.
- Sebas
- Joomla!NL ontdekker
- Berichten: 29
-
Tijd voor maken pagina: 0.750 seconden