Support » Thema en CSS/opmaak » Kleurwijzeging en aanpassen/rechts oplijnen van regels tekst in CSS

  • Opgelost Yendor71

    (@yendor71)


    Hallo,
    ben al eerder goed geholpen op dit forum dus vandaar nog een keer en ‘probleem’ van mijn kant.
    hier de link naar de site waar het probleem zit.
    http://yendor71.com/discography

    ik heb op deze site de SiDi plug-in die verders korekt werkt.
    als men op een ‘album cover’ klikt ontvouwd zich een scherm waarin de ‘tracks’ staan van het desbetreffende album. (het gaat om een Discography pagina) Ik zou de kleur van dit scherm willen aanpassen c.q. donkerder willen qua kleur, en de ‘song’ titels in een rechte lijn onder elkaar willen hebben. (deze staan nu trapsgewijs) Als men nu op de ‘album titel’ klikt gaat men naar de desbetreffende site waarin men wat meer info betreffende het album kwijt kan. Ook hier zit weer zo’n grijs scherm met ‘song’ titels, ook deze staan trapsgewijs. die zou ik ook in een verticale lijn onder elkaar rechts gecentreerd willen hebben, en de kleur aanpassen van het grijze scherm. Ik heb zelf al via de CSS geprobeerd dit aan te passen c.q. te zoeken waarin men dit kan veranderen, maar schijnbaar werkt dit niet of ik doe iets fout. tot zover mijn vraag.

13 reacties aan het bekijken - 1 tot 13 (van in totaal 13)
  • Hi,
    Kijkend naar deze pagina wat vragen / gedachten…:

    1. ?? Voer je de tracks zelf in in sidi-tracks of doe je dat anders?? kan het zijn dat je TAB-toets hebt gebruikt? of bijv de tekst uit een tekstverwerker oid hebt geplukt?? Zorg dan dat je ‘txt’-format gebruikt, voordat je deze data invoert! een code-editor is het beste!
    2. ?? kloppen de codes van de ‘siditracks-shortcode’??
    3. ?? controleer of andere gebruikers van siditrack hetzelfde probleem hebben, en hoe ze dit hebben opgelost… https://wordpress.org/support/plugin/simple-discography

    == == == achtergrondkleur

    .sidi .sidi-thumbnail .sidi-album .sidi-content {
        background: #9966cc;/*appelgroen pas aan naar wens*/
        border: 1px solid #99cc66; /*pas aan of verwijder: 'border:none;'*/
    }
    Thread starter Yendor71

    (@yendor71)

    Hi,

    1. ja de Tracks voer ik zelf in. dit werkt via WordPress opzich. krijg alleen een “extra invul” optie op de regulier pagina. zo gauw je ‘Track 1″ hebt ingevuld krijg je daaronder weer een nieuwe ‘regel’ voor ‘track 2’ enzovoorts..Zover ik weet geen TAB gebruikt, maar ‘kopieer’ de titels wel van een bestaande site.. heb er eigenlijk niet opgelet of ik hem op ‘visual’ of ‘txt’ heb staan tijdens het invoeren… code editor heb ik eigenlijk geen ervaring mee… werkt voorheen met dreamweaver ivm knutselen aan een website…

    2.ik heb aan de bestaande code eigenlijk niks veranderd dan alleen een paar ‘parameters’ onderstaand is zoals op mijn site..

    [sidi-discography posts_per_page=-1 date_format="y" order_by="release" order="DESC" dynamic=1 show_song=1 show_title=1 display="list" cover_width=150 cover_height=150 id="" filter="" show_all=0 ]

    3. ja op dat forum had ik al rond gesnuffeld. maar omdat de maker van SiDi een fransman is, schijnt communicatie ietwat stroef te lopen..zover was ik al..hehe

    Thread starter Yendor71

    (@yendor71)

    ik plak de code voor de achtergrondkleur in mijn ‘child theme’
    maar dit werkt niet. moet de SiDi een eigen CSS in mijn Theme folder hebben?

    ik vond nog deze site

    voorbeeld website

    daar werkt het wel met ‘tracktitels links’ gecentreerd..

    Thread starter Yendor71

    (@yendor71)

    nou, heb de plugin verwijderd, opnieuw geinstaleerd, tekst/tracks bijgewerkt maar ‘probleem’ blijft….
    Nu als test maar eens gewisseld naar een ander ‘theme’ en dan is het opeens wel zoals het moet zijn… ‘track titels’ recht onder elkaar in een verticale lijn..dus de ‘fout’ zit um ergens in een instelling van het ‘theme’…. :-/ help…

    Hi,

    Ik heb gekeken naar dit probleem met de plugin op een testsite en op jouw site. Het lukte me niet dit ‘recht te breien’.

    == == ==

    code voor de achtergrondkleur in mijn ‘child theme’
    maar dit werkt niet.

    OK… deze code kan je gewoon in je childtheme plaatsen en zou daar moeten werken.

    — — — testen childtheme / css-code

    We gaan eens testen waar het probleem zit…

    • in de CSS-code
    • het childtheme
    • elders…

    — — — klopt de CSS-code?

    1. open ‘style.css’van je [PARENT]theme in een code-editor [bijv. ‘notepad++’
    2. !!scroll helemaal naar ONDER
    3. plak bovenstaande aanpassing HELEMAAL ONDERAAN
    4. SLA OP
    5. ververs je browser: <CTRL-F5> en controleer of de aanpassing zichtbaar is
    6. >> de aanpassing is zichtbaar in de browser: de CSS klopt
      >> de aanpassing is zichtbaar, maar heeft niet het gewenste effect…. whoops foutje in de CSS?
      >> de aanpassing is NIET zichtbaar in de browser: de CSS klopt NIET > pas de css aan en test opnieuw

    — — — werkt het childtheme naar behoren?
    >> Bovenstaande test van de CSS-aanpassing werd SUCCESVOL afgerond… CSS klopt en de aanpassing is naar wens en zichtbaar <<

      /*test css tekstkleur bericht- / pagina titel appelgroen*/
      h1.entry-title {
          color:#99cc66 !important;
      }
    1. open ‘style.css’van je [CHILD]theme in een code-editor [bijv. ‘notepad++’
    2. !!sroll helemaal naar ONDER
    3. plak bovenstaande aanpassing HELEMAAL ONDERAAN
    4. SLA OP
    5. ververs je browser: <CTRL-F5> en controleer of de aanpassing zichtbaar is
    6. >> de aanpassing is zichtbaar in de browser: het CHILDtheme werkt
      >> de aanpassing is NIET zichtbaar in de browser: het CHILDtheme werkt NIET

    — — — Werkt de CT niet? We kijken hier [forum]verder naar een oplossing.

    — — — CSS-Code test en CT werken beide

    1. verwijder de testcode uit het CT
    2. plaats de werkende CSS helemaal ONDERAAN in je CT en sla op
    3. ververs je browser: <CTRL-F5> en controleer
    Thread starter Yendor71

    (@yendor71)

    Ik ga er morgen even mee bezig, bedankt voor de hulp. Ik laat van me horen.

    Thread starter Yendor71

    (@yendor71)

    Hi, ben er gisteravond mee bezig geweest. CT en CSS maar krijg het niet werkend. via ‘element inspecteren’ kan ik inmiddels op de site de CSS code vinden en aldaar de kleur veranderen. Dit werkt als test wel, maar plak ik die code of de code die jij me gaf in het child theme, dan zie ik geen verandering. heb cache geleegd..vind ik op zich wel vreemd want de vorige keer dat je me hielp (giglist) werkte het wel, en deze is geheel naar tevredenheid aan de site aangepast…misschien dat de SiDi plugin iets in het theme blokt? of andersom?

    Browser heb ik ook gewisselt, Firefox, en Explorer maar probleem blijft..

    Het vreemde is met de track titels ook, dat als ik een ander theme activeer deze wel recht in een verticale lijn staan zoals het hoort…

    mischien dat er dan toch ergens iets in het theme of CSS conflict met de Sidi plugin..

    …via smartphone staan de tracklist eerst goed, maar kantel je hem naar horizontaal dan verspringt de tekst…mischien heeft het te maken met een ruimtelijke (margin) instelling?

    nouja, dit zijn gelijk weer wat meerdere vragen…

    ik gebruik de Twenty Ten theme als basis, maar die is aangepast als een donkerder versie in het Dark TT theme….deze werkt voor de rest prima zover ik kan zien…

    Hi,

    Dank voor de aanvullende info.

    Dit werkt als test wel, maar plak ik die code of de code die jij me gaf in het child theme, dan zie ik geen verandering.

    == == ==
    Dit betekent dat je CT niet goed werkt! Daar zit dus in elk geval één probleem…

    Ik heb in meer detail naar je site gekeken.
    Het lijkt er op dat je CT NIET actief is!

    — — –controleer

    1. dashboard . weergave > thema’s
    2. scroll naar je childtheme [die zou in het overzicht moeten staan…]
    3. Klik ‘activeren’
    4. bewerk nu ‘style.css’ van je CT en sla op
    5. ververs je browser en controleer

    Als wijzigingen in je CT, op je site zichtbaar zijn werkt het.

    == == == en verder…
    Het huidige theme is een aanpassing / CT van twentyten; Een theme dat 6 jaar oud is. Misschien loont het om over te stappen naar twentysixteen. Dat heeft een vergelijkbare layout, maar is voorzien van de moderne snufjes…

    Met de ‘customiser’ kan je vervolgens snel en eenvoudig de basiskleuren van je site naar wens instellen.

    Thread starter Yendor71

    (@yendor71)

    Hi,
    Grappig dat je dat zegt van twentysixteen.
    Die heb ik geïnstalleerd en die gebruik ik ook ivm live preview om te zien hoe de plug ins dan werken…
    Het spookte ook al eens door mijn hoofd om die maar te gaan gebruiken in verband met de overlappende themes nu met de diverse CT… Het vele wit weerhield mij om deze als hoofd theme te gebruiken. Maar geloof dat je gelijk hebt, ivm veroudering en bugs ga ik deze toch maar gebruiken. Ga er aankomend weekend wel mee bezig. De goede hulp hier op forum en WordPress in het algemeen is te leuk om er niet mee bezig te zijn. Bedankt tot zover, u hoort van mij.

    Toffe website !

    Zou u mij kunnen vertellen hoe u de tabel heeft gemaakt in de pagina http://yendor71.com/gigs/ ? Ik probeer namelijk openingstijden te plaatsen met een dag en tijden erachter. Misschien weet u een oplossing?

    Met vriendelijke groet,

    DannyNTM

    Thread starter Yendor71

    (@yendor71)

    Hi DannyNTM, daarvoor heb ik een plug in gebruikt speciaal voor ‘gigdates’ dus niet zozeer geschikt voor openingstijden lijkt me. de tabellen zijn qua kleuren via CSS opgegeven..

    Thread starter Yendor71

    (@yendor71)

    Update betreffende ‘Theme’ het theme twenty sixteen heeft het zelfde probleem met de tracklist als de twentyten/darkTT combi…

    heb dus nu maar een ander theme genomen ( Gibson) die werkt wel prima met de tracklist… dus ga ik met deze ff aan het klooien..

    kan deze topic wel weer gesloten worden lijkt me…

    hartelijk dank in ieder geval, en ik meld mij hier wel weer op het forum bij een volgend ‘probleem’ geval 😉

    Hi,

    Succes met je nieuwe theme.
    Graag gedaan.
    Vergeet aub niet de thread als ‘resolved’ / ‘opgelost’ te taggen in de rechter zijbalk.

13 reacties aan het bekijken - 1 tot 13 (van in totaal 13)
  • Het onderwerp ‘Kleurwijzeging en aanpassen/rechts oplijnen van regels tekst in CSS’ is gesloten voor nieuwe reacties.