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.

opgelost Menu plaagt achtergrond

Menu plaagt achtergrond

29 mrt 2019 13:55
#1
Hallo allen,

Ik als beginnende Joomleur probeer een website in elkaar te zetten. Na een enorme struggle om de achtergrond in gradient te krijgen zonder image was ik erg trots op mezelf 
Het probleem was dat het leek alsof op 3/4de van de pagina de achtergrond opnieuw begon. Bovenin de pagina heb ik een lichte kleur welke langzaam donkerder wordt, op 3/4de van de pagina stopte dat het verloop en kwam de lichte (begin)kleur weer terug.

Nu dit opgelost is wilde ik verder bouwen aan de site en een Facebook widget onder het menu plaatsen. In mijn user.css staat de achtergrond gedefinieerd in .container en .well en de widget komt dan in het .well vak. 
Wanneer ik dit doe wordt de "container" weer langer en doet de achtergrond weer zoals hierboven beschreven. Iemand dit al eens eerder gehad en eventueel een oplossing?

p.s. excuus voor de misschien noobisch omschrijving 

Groetjes,
Robert
  • Styxeldiablo
  • Styxeldiablo's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 8

Menu plaagt achtergrond

29 mrt 2019 14:08
#2
Namens het Joomla!NL team heet ik je hartelijk welkom op dit forum.

Helaas zijn wij niet helderziende. Van belang is te weten welke code en waar jij precies hebt toegepast en welk template je hebt gebruikt.
Dus het handigst is dat de leden even kunnen meekijken. Als je site online staat, geef dan even een url
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
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3629

Menu plaagt achtergrond

29 mrt 2019 14:22
#3
Dank je wel... Zowel voor het warme welkom als de snelle reactie...

Haha niet helderziend helaas :p excuus,

Hmm helaas staat de site nog niet online... Deze draai ik lokaal via Xammp.
Ik gebruik template protostar, hier heb ik verder niet echt dingen aangepast maar heb een user.css aangemaakt. Voor de facebook widget gebruik ik de extensie MyFacebookPage.


Wellicht is dit dan handig(?) Dit is alles wat ik in de user.css heb aangepast. Misschien moet ik eens kijken of ik de site vast online kan krijgen dat is misschien wat handiger :)
Code:
body.site { background: #b4ddb4; /* Old browsers */ background: -moz-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */ background size: cover; } html { height: 100%; } site.body { height: absolute; margin: 0; background-repeat: no-repeat; background-attachment: fixed; } .site .container { background: #b4ddb4; /* Old browsers */ background: -moz-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */ background-repeat: no-repeat; background-attachment: fixed; min-height: 20px; padding: 19px; margin-bottom: 20px; } .well { background: #b4ddb4; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #b4ddb4 0%, #83c783 35%, #52b152 97%, #008a00 100%, #005700 100%, #002400 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #b4ddb4 0%,#83c783 35%,#52b152 97%,#008a00 100%,#005700 100%,#002400 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #b4ddb4 0%,#83c783 35%,#52b152 97%,#008a00 100%,#005700 100%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18px; color: #333; } html { font-size: 100%; -webkit-text-size-adjust: 100%; } margin border padding × 220×106.4 static box-sizing content-box display block float none line-height 18px position static z-index auto
  • Styxeldiablo
  • Styxeldiablo's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 8

Menu plaagt achtergrond

29 mrt 2019 15:15
#4
Dat zou inderdaad een stuk handiger zijn. Ik zie wel heel veel "rommel" onderin je user.css in ieder geval.
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
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37102

Menu plaagt achtergrond

29 mrt 2019 17:14
#5
Bedankt voor de tip... heb de "rommel" verwijderd en niks zien veranderen... geen idee waar het vandaan kwam... het is voor mij nog niet echt gesneden koek, maar leer door trial and error zeg maar...

Heb inmiddels de code in user.css aangepast... background size veranderd van "cover" naar "100%"

Nu is het weer zoals het moest...

:-)
  • Styxeldiablo
  • Styxeldiablo's berichtenfoto Heeft onderwerp gestart
  • Nieuw op Joomla!NL
  • Nieuw op Joomla!NL
  • Berichten: 8
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 0.738 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