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! 2.5 die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

CSS aanpassen van een component

CSS aanpassen van een component

12 okt 2012 18:30
#1
Ik maak gebruik van van een Component (Proform) voor een Offerte blad,
www.royal-casino.nl/index.php/offerte4
Bij een aantal invul vakjes staan vraagtekens die vervolgens een Ballon met tekst weergeven.
Nu zijn de ballonnetjes leeg omdat de Tekst kleur weg valt in de achtergrond.
Een en ander moet aan te passen zijn in de CSS. "" components/com_proforms/js/balloontip/bubble-tooltip.css ""
Kan iemand mij op weg helpen waar ik deze verwijzing kan vinden? (duidelijk een vraag van CSS NoNo :blush: )
Alvast dank
  • papadoc
  • papadoc's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 222

CSS aanpassen van een component

12 okt 2012 22:40
#2
Je hebt het pad naar de CSS al gevonden!

In regel 22 vind je
Code:
#bubble_tooltip .bubble_middle span{ position:relative; top:-8px; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:11px; text-align:left; vertical-align:top; line-height: 12px; }

voeg hier nog toe de tekstkleur (onderstaand met zwarte kleur)
Code:
#bubble_tooltip .bubble_middle span{ position:relative; top:-8px; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:11px; text-align:left; vertical-align:top; line-height: 12px; color: #000; /* deze dus */ }
groetjes,
Anne
www.numijneigenwebsite.nl + www.nmew.nl - KvK Brabant: 17281897Wil je Joomla!NL steunen? Dat kan met een donatie.
  • AnneM
  • AnneM's berichtenfoto
  • Joomla!NL vriend(in)
  • Joomla!NL vriend(in)
  • Berichten: 1863

CSS aanpassen van een component

13 okt 2012 07:46 - 13 okt 2012 07:50
#3
Hello, dat is juist het probleem, de ontwikkelaar (Mad4Media) heeft in zijn FAQ op zijn site inderdaad het pad aangegeven, maar hoe vind ik die in m'n website? Dus op welke manier kom ik bij regel 22?
  • papadoc
  • papadoc's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 222

CSS aanpassen van een component

13 okt 2012 09:28
#4
Dat kun je doen door:
-met behulp van een ftp programma in te loggen op je hosting account en daar dat bestand op te zoeken en te
downloaden.
-Open het vervolgens in het kladblok programma. Zoek de regels op en pas deze aan.
-Opslaan en uploaden. Klaar!
Met vriendelijke groet,

Peter Reitsma
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Peter
  • Peter's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 2828

CSS aanpassen van een component

13 okt 2012 10:38
#5
Even als aanvulling op de instructie van Peter: Als je de gratis notepad++ download, dan zie je ook de regelnummers.
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: 37613

CSS aanpassen van een component

13 okt 2012 19:38
#6
Hello, dank jullie wel voor de ondersteuning wederom helemaal TOP.
De ballonnetjes hebben nu tekst.
Mag worden gesloten.
  • papadoc
  • papadoc's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 222
Moderators: JelleRomke
Tijd voor maken pagina: 0.860 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