opgelost Rode punt in css

Hoi allemaal,
Ik heb iets werkend gekregen maar weet niet hoe.
Misschien een domme vraag maar ik stel hem toch maar.
Na lang speuren heb ik het klaar gekregen om een css overide te maken in de template gantry
Het lukte me niet om in de map custom css iets klaar te spelen zodat ik een css overide van een andere site (zelfde template) heb gebruikt en die in de map css van de template heb geplaatst via ftp. Nu werkt het wel.
de code ziet er als volgt uit:
Het gekke is dat boven in de css een dikke rode punt staat (hier niet zichtbaar) en in een normale editor ook niet.
Deze zie ik alleen maar als ik in de backend naar de templatefiles ga kijken.
Waar komt die punt vandaan en hoe komt het dat de overide niet werkt als die punt er niet in zit.
En hoe plaats ik die punt in een normale editor?
Ben echt nieuwsgierig hoe dat zit, want dat het werkt is goed maar ik wil graag weten waarom.
Alvast bedankt en groetjes,
Hans

Hoi Hans,

Ik zou niet weten waar dat vandaan zou kunnen komen.

Aangezien wij het niet kunnen zien, zal je zelf even moeten kijken wat er aan die rode punt vast hangt. Je zou dit kunnen doen met behulp van de ontwikkellaarstools in je browser, deze open je door op F12 te drukken op je toetsenbord.

Hoi Julian,
Dat is hem nou net, die rode punt is nooit te zien waar ik ook kijk, in geen enkele editor, niet in filezilla niet in firebug nergens.
Alleen als je in de backend naar de template gaat en de files bekijkt.
Het heeft denk ik te maken met boostrap en less. Als die punt er niet in staat werkt de overide niet. Het is volgens mij een soort van commando dat deze file als laatste gelezen wordt zodat de overide ook werkelijk werkt. Het is maanden geleden dat ik toentertijd die custos style css heb gemaakt aan de hand van een handleiding, maar deze is inmiddels aangepast. Hier is de link naar die handleiding misschien dat je dan snapt hoe het zit, ik ben niet zo thuis in code.
www.gantry-framework.org/documentation/j...custom_stylesheet.md
Ben erg benieuwd naar jullie antwoord.
Alvast bedankt en groet,
Hans

Ik zie geen rode punt in gantry. En wat begrijp je niet van die handleiding? Die is echt super eenvoudig te volgen wat mij betreft.

In de bijlage een plaatje van het scherm, boven in de file staat die rode punt.
Overigens als je die handleiding volgt werkt het niet.

Je screenshot zit er niet bij.
Dan zit er iets anders niet goed. Als je die handleiding volgt werkt het perfect.

Sorry ben te haastig geweest

Ik denk dat de rode punt een zogenaamde 'placeholder' is zoals deze gebruikt wordt in RedDot-CMS (dat naar ik aanneem door de ontwikkelaars van Gantry is gebruikt voor deze extensie). Klik hier om een handleiding te openen waarin wordt uitgelegd wat RedDot is en hoe je er mee werkt. Op pagina 14 van die handleiding kun je zien dat de RedDot in jouw CSS bestand de edit module van een content element opent. De RedDot stelt je dus in staat om content in een pagina te stoppen (in dit geval de CSS regel). Als je de rode stip weghaalt, dan haal je dus de placeholder weg die e.e.a. mogelijk maakt en wordt de CSS regels kennelijk niet opgemerkt.

Hoi Martin,

Ja ik had al zoiets verwacht van die placeholder (wat me overigens weinig zegt) Maar nu blijkt dus dat de ontwerpers van die template er een andere manier op na houden van het schrijven van een template. Dit wordt wel heel erg verwarrend voor de gemiddelde joomlagebruiker. Ik zie met geen mogelijkheid om op mijn mac iets te kunnen aanpassen aan die zg placeholder. de code werkt maar die rode punt is niet te bewerken en hiervoor moet je natuurlijk weer een stuk software installeren. Helaas is die voor de mac volgens mijn niet te verkrijgen. En het zal wel weer betaalde software zijn. Dat past dus weer helemaal niet in het beleid van Open source en hoe ik daar over denk.
Heb geprobeerd het spul te bekijken in de backend via IE maar dat werkt zo slecht op mijn mac en hier kwam ik ook niet verder mee.
Zelfs in Dreamweaver zie ik het niet hoe aan te passen.
Het komt er dus op neer dat een overide maken in dergelijke temptaties niet zo eenvoudig is als ze doen voorkomen.
Want die handleiding die gegeven wordt om dit te doen (zie een van de bovenstaande post) werkt gewoon niet, die placeholder (rode punt) wordt niet geplaatst.
Vind dit maar een rare manier van temptaties aanpassen. Helaas is de oude handleiding nergens meer te vinden want toen werkte het wel.
Gr
Hans

Het verhaal van Martin gaat over een totaal ander CMS. Dus daar heb je niets aan. En zoals gezegd werkt het normaal goed als je die handleiding volgt. Dus er moet iets anders aan de hand zijn. Ik heb het nog een keer getest met de basis gantry en geen rode punt:

Hoi Astrid,
Dan zal het inderdaad aan iets anders liggen want bij mij werkt het met een gewone .css file niet. Ook niet als ik bijvoorbeeld de regel plaats die ze in die handleiding hebben gezet
Dat # teken zal wel moeten zorgen voor de juiste verwijzing maar op die manier werkt het bij mij niet.
Gelukkig kan ik met de nu gemaakte file wel hier en daar de css aanpassen zonder dat die verloren gaat als de template geupdated wordt, want daar gaat het natuurlijk om. Ik vind dat hele gedoe met die css stylesheets zoals ze bij gantry gebruiken zeer onoverzichtelijk en zeker als het gaat om die sheets die geen regelnummers meer hebben. Die zullen dan wel gefabriceerd zijn in hun eigen cms systeem waar jij het over had.

Die zullen dan wel gefabriceerd zijn in hun eigen cms systeem waar jij het over had.

Reddot-CMS staat tot Joomla als Wordpress staat tot Joomla. Dus dat heeft helemaal niets met elkaar te maken.
Misschien handiger om je even in css te verdiepen via deze site.
Ter info: een # staat voor een div id en een . staat voor een div class.
En ik heb ook een hekel aan .less stylesheets, maar als je dat niet fijn vindt, dan moet je dus een andere template(maker) zoeken.
Edit: maar eigenlijk heb je die bestanden niet nodig doordat je custom.css kunt maken met regelnummers. Dus als je de juiste definitie hebt (en die kan je wel netjes vinden met Firebug), dan is dat probleem eigenlijk niet relevant.