Skip to main content

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 Protostar aanpassen naar bestaande template

Protostar aanpassen naar bestaande template

13 jun 2014 15:02
#1
Een bestaande joomla (2.5.17) site van mij is helaas gehackt. Nu had ik een upgrade naar Joomla 3 al in de planning zitten en nu met deze hack heb ik de overstap maar gelijk gemaakt.

Ik heb alleen geen upgrade uitgevoerd maar een compleet nieuwe installatie om te voorkomen dat er rommel mee komt.

Zodoende heb ik geprobeerd het Protostar template aan te passen en de bestaande template op de 2.5 site na te maken.

Ik ben al een aardig eindje op weg alleen kom ik er maar niet achter hoe ik de marge van de tekst in het content stuk kan vergroten zodat de tekst niet helemaal tegen de kant staat.

Daarnaast had de oude template een gradient achtergrond met een textuur in. Ik heb dit uit de oude css gekopieerd en in de nieuwe template.css verwerkt. Probleem is nu dat dit enkel niet lijkt te werken in Internet Explorer <10 terwijl dit in de oude template wel werkt. Misschien dat ik hier nog iets anders ben vergeten te kopieren?

Het belangrijkste is in ieder geval dat ik de marge aan kan passen en het geheel een stuk breder kan maken zodat het content stuk net zo breed is als in de oude template.

Huidige (oude) site:
www.svazeeland.nl

Nieuwe (testomgeving) site:
test.svazeeland.nl
  • Svennos
  • Svennos's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 45

Protostar aanpassen naar bestaande template

13 jun 2014 15:18
#2
Deze toevoegen:
Code:
.item-page { padding: 10px; }
Of eventueel aparte padding voor boven, onder, links en rechts.
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: 37556

Protostar aanpassen naar bestaande template

13 jun 2014 15:37
#3
Thanks! Maakt het nog uit waar precies in de css file dit moet worden toegevoegd?
  • Svennos
  • Svennos's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 45

Protostar aanpassen naar bestaande template

13 jun 2014 16:18
#4
Nee dus, perfect! dat is alvast opgelost!

Nu zou ik enkel het middenstuk met de content nog een stukje breder willen maken. Ik had verwacht dat dit simpelweg een width waarde of percentage aanpassen zou zijn maar helaas, dit zit ook weer ergens moeilijk weg verstopt... :unsure:
  • Svennos
  • Svennos's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 45

Protostar aanpassen naar bestaande template

13 jun 2014 20:41
#5
Is inderdaad een stuk lastiger. Deels 2 definities
Code:
.container
aanpassen en dan nog de percentages van span3 en span6 aanpassen denk ik.
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: 37556

Protostar aanpassen naar bestaande template

17 jun 2014 16:06
#6
Thanks, even mee gespeeld en daar kom ik wel uit.

Nu zit ik alleen nog met een klein euvel. Ik heb rond de menu modules(links) en aangepaste html module (rechts) en de content een zwarte border en witte achtergrond. Probleem is nu met het plaatsen van meerdere artikelen op de frontpage dat er rond elk artikel weer een nieuwe zwarte border staat ook.

Ik kan alleen de border voor alles weghalen en krijg het niet voor elkaar om dit apart voor het middenstuk te regelen.

Is hier ook een truukje voor? :)
  • Svennos
  • Svennos's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 45

Protostar aanpassen naar bestaande template

17 jun 2014 18:48
#7
Als je deze toevoegt is het dan zoals je het bedoelde?
Code:
.blog-featured .item { border: none!important; }
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: 37556

Protostar aanpassen naar bestaande template

17 jun 2014 20:47
#8
Damn! Jij bent echt goed! :woohoo:

Helemaal perfect dit, ik kan verder! Heb alleen nog ééééén klein laatste dingetje... En dat is de padding in het content stuk.

Ik heb nu onder jouw stukje CSS een padding attribuut toegevoegd:
Code:
} .blog-featured .item { border: none!important; padding: 25px; }

maar die werkt alleen op de artikelen na het bovenste artikel. waar moet ik de padding (of margin) toepassen om alles netjes van de kantlijn te krijgen?
  • Svennos
  • Svennos's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 45

Protostar aanpassen naar bestaande template

17 jun 2014 21:02
#9
Probeer het eens door deze toe te voegen:
Code:
.leading-0.clearfix { padding: 25px; }
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.
  • WoodyF4u
  • WoodyF4u's Profielfoto
  • Moderator + Nieuwsteam
  • Moderator + Nieuwsteam
  • Berichten: 11310

Protostar aanpassen naar bestaande template

17 jun 2014 21:24
#10
Gha! En ook deze was weer in 1 keer goed! Wat een kenners hier! :cheer: :lol:

Bedankt voor de hulp!
  • Svennos
  • Svennos's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 45

Protostar aanpassen naar bestaande template

17 jun 2014 21:35
#11
Graag gedaan.
Als je er zelf ook een beetje bedreven in raakt, kun je binnenkort ook anderen hier op het forum helpen. :)

Als de antwoorden je voldoende hebben geholpen kun je zelf het topic sluiten.
Gebruik daarvoor de groene knop Opgelost.
Uiteraard wel nadat je even een laatste bericht hebt gepost.
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.
  • WoodyF4u
  • WoodyF4u's Profielfoto
  • Moderator + Nieuwsteam
  • Moderator + Nieuwsteam
  • Berichten: 11310

Protostar aanpassen naar bestaande template

17 jun 2014 21:37
#12
Komt goed! Nogmaals bedankt! ;)
  • Svennos
  • Svennos's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 45
Moderators: JelleRomke
Tijd voor maken pagina: 0.752 seconden
Gemaakt door Kunena

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