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.

opgelost aanpassing in CSS

aanpassing in CSS

30 aug 2014 12:00
#1
Op mijn pagina www.van-der-ham.net/nl/wie-is-hammie/genealogie , zijn de lichte balken in de index vrijwel niet leesbaar door de lichte letterkleur. Ik zou daar graag de donkere kleur van de indexbalk op hebben, of de pagina achtergrond kleur.
Ik heb deze vraag al gesteld in het forum van Joaktree, de maker van de module, maar zie geen antwoorden.
Wie kan mij vertellen wat ik waar moet aanpassen in onderstaand css bestand? Mijn kennis van css is n.l. erg basic....;-(

Bij voorbaat dank.
Code:
/* Styles for Joaktree */ /* General styles */ #jt-content a, #jt-form a { font-weight: normal; } #jt-content td:hover { background:#FFFFCC; } .jt-content-th { padding: 4px 5px; border-right: 1px solid #fff; font-weight: bold; color: #FFFFFF; background: #444444; } a.jt-content-tha:link, a.jt-content-tha:visited, .jt-content-tha a:link, .jt-content-tha a:visited, .jt-content-accordion { color: #FFFFFF; font-weight: bold; } .jt-content-th:hover, .jt-content-th:active a, .jt-content-th:focus a. .jt-content-accordion-active { color: #987654; font-weight: bold; } .jt-content-accordion, .jt-content-accordion-active { cursor: pointer; } .jt-h1 { font-size: 180%; } .jt-h2 { font-size: 150%; } .jt-h3, .jt-h3-list, .jt-h3-th, .jt-noaccess { font-size: 125%; } .jt-h1, .jt-h2, .jt-h3, .jt-h3-list, .jt-noaccess { font-family: Verdana, Kalimati, sans-serif;; padding: 0; font-weight: bold; } .jt-h3-list, .jt-h3-th, .jt-noaccess { color: #FFFFFF; } .jt-h1, .jt-h2, .jt-h3 { color: #444444; } .jt-h1, .jt-h2, .jt-h3 { margin: 1em 0; } .jt-h3-list, .jt-h3-th, .jt-noaccess { margin: 10px; } .jt-small { font-size: 92%; } .jt-nobottom-row { margin-bottom: 0; } .jt-nomargin-row { margin: 0; } .jt-low-row { margin-top: 2px; margin-bottom: 2px; } .jt-high-row { margin-top: 6px; margin-bottom: 6px; } .jt-high-title { margin-top: 9px; margin-bottom: 12px; text-align: right; } .jt-table-row { margin-top: 6px; margin-bottom: 6px; } .jt-buttonlabel { text-align: center; padding: 3px 5px 3px 14px; color: #333333; font-weight: bold; font-size: 92%; text-decoration: none; text-transform: uppercase; } .jt-buttonbar { padding: 6px 0px 8px 0px; } /* Index page */ .jt-index-left, .jt-index-right, .jt-indexletter-left, .jt-indexletter-right { margin-bottom: 14px; } /* Table */ #jt-content table, #jt-form table { border: none; width: 100%; } tr.jt-table-entry1 td, tr.jt-table-entry3 td, tr.jt-table-entry5 td, tr.jt-table-entry6 td { background:transparent url(./images/hdot2.gif) repeat-x scroll center bottom; padding:8px 5px; } tr.jt-table-entry2 td, tr.jt-table-entry4 td { background:#ECECEC url(./images/hdot2.gif) repeat-x scroll center bottom; padding:8px 5px; } tr.jt-table-entry1:hover td, tr.jt-table-entry2:hover td { background:#FFFFCC url(./images/hdot2.gif) repeat-x scroll center bottom; } tr.jt-index-entry1 td { background:transparent url(./images/hdot2.gif) repeat-x scroll center bottom; padding:8px 5px; } tr.jt-index-entry2 td { background:#ECECEC url(./images/hdot2.gif) repeat-x scroll center bottom; padding:8px 5px; } tr.jt-index-entry1:hover td, tr.jt-index-entry2:hover td { background:#FFFFCC url(./images/hdot2.gif) repeat-x scroll center bottom; } .jt-ancestor-number { border-left: 1px grey dotted; border-bottom: 1px grey dotted; } .jt-ancestor-name { border-bottom: 1px grey dotted; } .jt-ancestor-date { font-size: 92%; color: #222222; font-style: italic; } /* pagination */ .list-footer div.limit select#limit { border: 1px solid #444444; } .list-footer li, .list-footer li a, .list-footer li.pagination-start, .list-footer li.pagination-next, .list-footer li.pagination-end, .list-footer li.pagination-prev { border:1px solid #444444; color: #FFFFFF; background: #444444; } #main .list-footer li:hover, #main .list-footer li a:hover, .list-footer li:hover, .list-footer li a:hover { color: #FFFFFF; background:#444444; } /* tabs */ #jt-tabbar { background: #F0F0F0; border-bottom: 1px solid #333333; } .jt-tablabel-active, .jt-tablabel-inactive, .jt-tabline { text-align: center; font-size: 92%; text-decoration: none; text-transform: uppercase; } .jt-tablabel-active:hover, .jt-tablabel-active:active, .jt-tablabel-active:focus { text-decoration: none; } .jt-tablabel-inactive:hover, .jt-tablabel-inactive:active, .jt-tablabel-inactive:focus { border: 1px solid #FFFFFF; background: #444444; text-decoration: none; } .jt-tablabel-active { color: #333333; font-weight: bold; } .jt-tablabel-inactive { color: #A6A6A6; font-weight: lighter; } .jt-tabline { float: left; width: 1%; } .jt-tab-active { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333; float: left; width: 24%; } .jt-tab-inactive { background: #E0E0E0; border-top: 1px solid #A6A6A6; border-left: 1px solid #A6A6A6; border-right: 1px solid #A6A6A6; float: left; width: 14%; } .jt-tab-editactive { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333; float: right; width: 8%; } .jt-tab-edit { background: #E0E0E0; border-top: 1px solid #A6A6A6; border-left: 1px solid #A6A6A6; border-right: 1px solid #A6A6A6; float: right; width: 8%; } /* specific content */ .jt-person-drilldown1-info { float: left; width: 94%; margin-left: 30px; margin-bottom: 10px; background:transparent url(./images/hdot2.gif) repeat-x scroll center bottom; } .jt-person-drilldown2-info { float: left; width: 94%; margin-left: 30px; padding-top: 10px; background:transparent url(./images/hdot2.gif) repeat-x scroll center top; } .jt-source-title { font-style: italic; } .jt-picture-title { font-size: 92%; font-style: italic; color: #333333; } .jt-icon-lineage { background: url(./images/arrow.png) no-repeat left; margin: 0px 0px 0px 4px; } .jt-stamp, .jt-update { padding: 2px; margin-top: 10px; font-size: 88%; color: grey; } /* sources */ a.jt-button-closed { border: 1px solid #A6A6A6; background: url(./images/arrow.png) no-repeat 5px 48%; } a.jt-button-closed:hover, a.jt-button-closed:active, a.jt-button-closed:focus { border: 1px solid #333333; background: url(./images/arrow.png) no-repeat 5px 48% #A6A6A6; text-decoration: none; } a.jt-button-up-open { border: 1px solid #A6A6A6; background: url(./images/arrow2.png) no-repeat 5px 48%; } a.jt-button-down-open { border: 1px solid #A6A6A6; background: url(./images/arrow3.png) no-repeat 5px 48%; } a.jt-button-up-open:hover, a.jt-button-down-open:hover { border: 1px solid #333333; background: url(./images/arrow.png) no-repeat 5px 48% #FFFFFF; text-decoration: none; } .jt-note, .jt-source, .jt-source-publication { margin: 10px 0; padding: 0 10px; border: 1px solid #A6A6A6; background: #F3F3F3; font-size: 88%; width: 97%; } .jt-source-publication { font-style: italic; } /* toggle notes and sources */ span.jt-empty-icon { padding-left: 15px; text-decoration: none; background: url(./images/icon-empty-11.png) no-repeat; } a.jt-notes-icon { padding-left: 15px; text-decoration: none; background: url(./images/icon-notes-11.png) no-repeat; } a.jt-sources-icon { padding-left: 15px; text-decoration: none; background: url(./images/icon-sources-11.png) no-repeat; } a.jt-notes-icon:hover, a.jt-notes-icon:active, a.jt-notes-icon:focus, a.jt-sources-icon:hover, a.jt-sources-icon:active, a.jt-sources-icon:focus { text-decoration: none; } .jt-ajax-loader { padding-left: 48px; padding-top: 2px; padding-bottom: 2px; margin-right: 15px; border: 1px solid #F3F3F3; background: #F3F3F3 url(./images/ajax-loader.gif) no-repeat center left; } /* Joaktree forms, lists */ fieldset.joaktreeform { border: 1px solid #444444; } fieldset.joaktreeform legend { color: #444444; font-weight: bold; }
  • hammie47
  • hammie47's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 145

aanpassing in CSS

30 aug 2014 12:03
#2
Ik zou dit toevoegen aan je template.css:
Code:
.jt-index-entry2 a { color: black; }
Kleur aanpassen naar wens.
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: 37059

aanpassing in CSS

02 sep 2014 16:13
#3
Is dit al opgelost?
Zo ja, koppel de oplossing even terug.
Daarna kan je de topic zelf sluiten door op de groene knop "opgelost" te klikken.
Zo nee, geef even aan of dit draadje nog open moet blijven of dat een moderator het kan sluiten.
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: 37059

aanpassing in CSS

02 sep 2014 21:43
#4
TOP! Je bent ECHT goed (maar dat wist ik al). Bedankt.
  • hammie47
  • hammie47's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 145
Moderators: Juliank92PeterJelleRomke
Tijd voor maken pagina: 3.499 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