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.
Achtergrond kleur artikelen
Achtergrond kleur artikelen
01 apr 2019 21:57 - 01 apr 2019 22:53
Goedendag allemaal,
Ik wil de achtergrond van elk artikel op de pagina's voorzien met een licht grijze achtergrond. Als Template gebruik ik Protostar en heb de laatste versie van Joomla.
Hiervoor heb ik op het forum gezocht en kwam de oplossing tegen om in de user.css een code toe te voegen
Ik kan de user.css niet vinden in mijn template files van Protostar. Waar moet ik hiervoor kijken?
Misschien kan het ook op een andere manier?
Edit Jelle: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
Ik wil de achtergrond van elk artikel op de pagina's voorzien met een licht grijze achtergrond. Als Template gebruik ik Protostar en heb de laatste versie van Joomla.
Hiervoor heb ik op het forum gezocht en kwam de oplossing tegen om in de user.css een code toe te voegen
Code:
.body .container {
background-color: #000033;
}
Misschien kan het ook op een andere manier?
Edit Jelle: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
- Hill2
- Heeft onderwerp gestart
- Bekend met Joomla!NL
- Berichten: 135
Achtergrond kleur artikelen
01 apr 2019 22:53
Hallo,
Dan moet je hem zelf eerst aanmaken.
docs.joomla.org/J3.x:Adding_a_custom_CSS_with_Protostar/nl
Dan moet je hem zelf eerst aanmaken.
docs.joomla.org/J3.x:Adding_a_custom_CSS_with_Protostar/nl
Groeten, Jelle
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens. Vragen uitsluitend via dit Forum. | Is je vraag opgelost? Dan kan je hem zelf
sluiten
. Wil je Joomla!NL steunen? Dat kan met een donatie. |
- Jelle
- Algemeen Moderator
- Berichten: 13625
Achtergrond kleur artikelen
01 apr 2019 22:57
Dat bestand moet je dan zelf aanmaken.
Ga naar extensies/templates/templates
Kies Protostar.
Klik links op mapje css.
Vervolgens kies je uit het menu nieuw bestand en volg de stappen. Noem je bestand dan user.css
En plaats vervolgens de code in het bestand.
Opslaan en na refreshen van de webpagina zie je het resultaat.
Ga naar extensies/templates/templates
Kies Protostar.
Klik links op mapje css.
Vervolgens kies je uit het menu nieuw bestand en volg de stappen. Noem je bestand dan user.css
En plaats vervolgens de code in het bestand.
Opslaan en na refreshen van de webpagina zie je het resultaat.
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens. Vragen uitsluitend via dit Forum | Is je vraag opgelost? Dan kan je hem zelf
sluiten
. Wil je Joomla!NL steunen? Dat kan met een donatie. |
- Romke
- Algemeen Moderator
- Berichten: 3634
Achtergrond kleur artikelen
01 apr 2019 23:01
Inmiddels is het gelukt om een user.css bestand aan te maken. Waarvoor dank voor de tips.
Alleen lukt het me nu niet om achter elk artikel een kleur te zetten. De oplossing zoals aangegeven in mijn begin van deze post werkt niet naar behoren.
Het doel is om hiermee onderscheid te maken tussen de artikel en de achtergrond van de template.
Zie website: radiovliegclubbrabant.nl
Alleen lukt het me nu niet om achter elk artikel een kleur te zetten. De oplossing zoals aangegeven in mijn begin van deze post werkt niet naar behoren.
Het doel is om hiermee onderscheid te maken tussen de artikel en de achtergrond van de template.
Zie website: radiovliegclubbrabant.nl
- Hill2
- Heeft onderwerp gestart
- Bekend met Joomla!NL
- Berichten: 135
Achtergrond kleur artikelen
02 apr 2019 06:17
Onderstaande code past de content aan.
Weet niet precies wat je een andere kleur wilt geven?
Code:
#content {
background-color: #000033;
}
Weet niet precies wat je een andere kleur wilt geven?
- pjasmits
- Bekend met Joomla!NL
- Berichten: 177
-
Achtergrond kleur artikelen
02 apr 2019 09:01
Ik weet niet wat je precies gedaan hebt, maar je had al een user.css. Daar staat nu het volgende in:
Zo te zien kan dat allemaal weg. Een paar definities doen niets en een paar andere maken je toch al erg brede site nog breder.
Code:
body.site {padding: 0px;}
.body > .container {padding-top: 60px;}
.fixedtopmenu{position: fixed;background: #FFFFFF;width: 100%;}
.fixedtopmenu nav.navigation {margin: 0 auto; width: 960px;}
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: 37431
Achtergrond kleur artikelen
03 apr 2019 20:49
Dank je wel Astrid voor de feedback.
Het was me inderdaad gelukt om een user.css aan te maken. Wat er in de user.css nu staat was om dat ik een sticky menu wilde maken van het hoofdmenu. Maar ook dat lukt me niet naar behoren. Dat is even off topic voor deze.
Achtergrond kleur voor de artikelen aanmaken lukt me nog steeds niet.
Het was me inderdaad gelukt om een user.css aan te maken. Wat er in de user.css nu staat was om dat ik een sticky menu wilde maken van het hoofdmenu. Maar ook dat lukt me niet naar behoren. Dat is even off topic voor deze.
Achtergrond kleur voor de artikelen aanmaken lukt me nog steeds niet.
- Hill2
- Heeft onderwerp gestart
- Bekend met Joomla!NL
- Berichten: 135
Achtergrond kleur artikelen
03 apr 2019 21:54
Is mij niet duidelijk wat je precies wilt aanpassen qua kleur.
Wil je zoiets als op de afbeelding?
Wil je zoiets als op de afbeelding?
- pjasmits
- Bekend met Joomla!NL
- Berichten: 177
-
Achtergrond kleur artikelen
03 apr 2019 22:38pjasmits schreef : Is mij niet duidelijk wat je precies wilt aanpassen qua kleur.
Wil je zoiets als op de afbeelding?
Ja, dit bedoel ik wel een beetje, maar dan met meer ronde hoeken en een zachtere kleur.
www.mvco.nl heeft wat ik bedoel.
- Hill2
- Heeft onderwerp gestart
- Bekend met Joomla!NL
- Berichten: 135
Achtergrond kleur artikelen
04 apr 2019 06:31
Het voorbeeld wat je geeft is een standaard class.
Om de artikelen dit uiterlijk te geven doe je het volgende:
1. ga naar het menu
2. selecteer het menu-item
3. ga naar tab 3 paginaweergave
4. vul bij pagina class het volgende in: <spatie>well
Even voor de duidelijkheid <spatie> is een getypte spatie.
Zie afbeelding.
Extra info hierover vindt je hier:
Class suffixes
Hoor graag of het gelukt is.
Groet,
Patrick
Om de artikelen dit uiterlijk te geven doe je het volgende:
1. ga naar het menu
2. selecteer het menu-item
3. ga naar tab 3 paginaweergave
4. vul bij pagina class het volgende in: <spatie>well
Even voor de duidelijkheid <spatie> is een getypte spatie.
Zie afbeelding.
Extra info hierover vindt je hier:
Class suffixes
Hoor graag of het gelukt is.
Groet,
Patrick
- pjasmits
- Bekend met Joomla!NL
- Berichten: 177
-
Achtergrond kleur artikelen
04 apr 2019 18:47
Patrick,
Dit is ongeveer wel de juiste oplossing. Maar hij neemt nu alle artikelen die als speciaal zijn aangemerkt in 1 geheel met een grijze achtergrond.
Mijn geoogde effect is dat elk artikel afzonderlijk een lichtgrijze achtergrond krijgt. Zodoende springen ze er meer uit en geeft afwisseling in de pagina.
Dit is ongeveer wel de juiste oplossing. Maar hij neemt nu alle artikelen die als speciaal zijn aangemerkt in 1 geheel met een grijze achtergrond.
Mijn geoogde effect is dat elk artikel afzonderlijk een lichtgrijze achtergrond krijgt. Zodoende springen ze er meer uit en geeft afwisseling in de pagina.
- Hill2
- Heeft onderwerp gestart
- Bekend met Joomla!NL
- Berichten: 135
Achtergrond kleur artikelen
04 apr 2019 19:59
Heb je
hier
iets aan?
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: 37431
Tijd voor maken pagina: 0.739 seconden