Ondersteuning » Thema en CSS/opmaak » wijzigen kleur comment bubble twenty eleven

  • Opgelost HennieV

    (@henniev)


    Ik wil graag de standaard comment bubble in het twenty eleven thema de lichtgrijze kleur wijzigen. Ik heb wel de hoverkleur kunnen wijzigen in d-groen, maar zou die lichtgrijze kleur bijpassend lichtgroen willen maken.
    Is dat mogelijk?
    Heb al geprobeerd de bubble in te kleuren met PS maar dan komt er een vierkante achtergrond achter. Hoe pak ik dit aan.

15 reacties aan het bekijken - 1 tot 15 (van in totaal 15)
  • Thread starter HennieV

    (@henniev)

    Is er niemand die weet waarom bij het veranderen van de kleur van de bubble van lichtgrijs naar een andere kleur er een vierkant in dezelfde kleur om de buuble komt te staan. Je kunt het veranderen in de css, alleen het werkt niet goed zoe te zien. Of ik zie iets over het hoofd.

    Wat is de link naar de website?

    Thread starter HennieV

    (@henniev)

    De link naar de website is http://blog.thebluewave.nl/
    Ik heb het nu weer teruggezet omdat ik de bubble in het grijs dan toch mooier vind als de aangepaste kleur als een vierkantje. Ik had de grijze kleur in de css aangepast aan het thema en dan wordt het een vierkant terwijl ik de hover kleur wel aan kan passen in de css zoals je ziet dan blijft de bubble een bubble.

    in het bestand style.css >

    .entry-header .comments-link a (regel 1024)
    background: url(“images/comment-bubble.png”) no-repeat scroll 0 0 #EEEEEE

    (die #EEEEEE) moet je wijzigen in de kleur die je wilt.

    Succes! Gr Melissa

    Thread starter HennieV

    (@henniev)

    Melissa bedankt maar dat schreef ik al dat ik dit gedaan had, maar dan wordt de bubble een vierkantje, ik gebruik firefox als browser. Maar ook in IE wordt het een vierkantje. Ik heb het weer even gedaan voor je kun je zien wat ik bedoel.
    http://blog.thebluewave.nl/

    Ik krijg bij het laden van url(“images/comment-bubble.png”) no-repeat scroll 0 0 #CCDDDD de melding: laden van ingegeven URL mislukt. Is deze afbeelding wel te vinden in de opgegeven map?

    Ik zie ook dat je twee keer deze code gebruikt op regel 256 en 1024. Die op regel 256 moet je misschien weghalen.. denk dat dit het conflict creëert:

    Weghalen op regel 256:

    .entry-header .comments-link a {
    background: url(“images/comment-bubble.png”) no-repeat scroll 0 0 #CCDDDD;
    color: #558888;

    —————————————————————-
    Regel 1024 laten staan en dit wordt dan iets als:

    .entry-header .comments-link a {
    background: url(“images/comment-bubble.png”) no-repeat scroll 0 0 #CCDDDD;
    color: #666666;
    font-size: 13px;
    font-weight: normal;
    height: 36px;
    line-height: 35px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 1.5em;
    width: 43px;

    Thread starter HennieV

    (@henniev)

    Ik krijg hem wel te zien op deze manier en hij staat ook in de map images. http://blog.thebluewave.nl/wpcontent/themes/twentyeleven/images/comment-bubble.png

    groetjes Hennie

    Thread starter HennieV

    (@henniev)

    Het streepje tussen wp en content was weggevallen hieronder de juiste link.
    http://blog.thebluewave.nl/wp-content/themes/twentyeleven/images/comment-bubble.png

    Ik gebruik een childtheme en die regel bij nr 256 wordt via het childtheme eerst gelezen dus dat zou goed moeten gaan.
    Heb het trouwens ook al zo in de originele css gewijzigd gehad via regel 1024 en het blijft een vierkantje worden.

    Firebug geeft de foutmelding dat hij de afbeelding niet kan vinden in:

    http://blog.thebluewave.nl/wp-content/themes/twentyeleven-child/images/comment-bubble.png (deze link werkt niet)

    Deze link werkt wel:
    http://blog.thebluewave.nl/wp-content/themes/twentyeleven/images/comment-bubble.png

    De link die wordt opgevraagd zit in een andere map (themes/twentyeleven-child/images) miss moet je daar eens naar kijken?

    Thread starter HennieV

    (@henniev)

    Dan ga ik eens kijken of ik het werkend kan krijgen door die map aan te maken in het childtheme en de bubble ook daarin te plaatsen en lukt dit niet dan verander ik het nog eens in het originele thema. Tot zover heel hartelijk bedankt.
    Ik laat weten of het gelukt is.
    Hoe doe je dat trouwens via firebug die link vinden, ik had dat nog niet ontdekt?

    ok! Hopelijk werkt het dan! 🙂

    Met firebug kun je elementen inspecteren (dat blauwe rechthoekje met die pijl gebruiken) klikken op de ‘comment bubble’ en dan onder het tabblad style kun je het terugvinden..

    Succes!

    Thread starter HennieV

    (@henniev)

    Ik heb het gevonden hoe je in firebug kunt zien dat de link naar de bubble niet gevonden werd.

    Ik heb nu een map “images” aangemaakt in mijn twentyeleven-child map en daar de bubbl.png naar gekopieerd en het werkt !!!!!!

    Hartelijk bedankt voor je hulp Melissa ik kon hier maar niet uitkomen en nu is het eindelijk verklaarbaar waarom het niet werkte.

    Ik dacht eerst ik geef in de child-css bij regel 256 het juiste pad op naar de bubble.png maar kwam daar niet helemaal uit. Dus toen maar een map aangemaakt in mijn childtheme map.

    Nogmaals bedankt ik ben blij dat de kleur van de bubble nu past bij mijn gekozen kleuren.

    Graag gedaan 🙂

    zou je dit topic als resolved willen markeren? Rechtermenu op deze pagina > topic resolved. 🙂

    Succes met je site!

    Thread starter HennieV

    (@henniev)

    Bedankt Melissa en het topic is resolved gemarkeerd.

15 reacties aan het bekijken - 1 tot 15 (van in totaal 15)
  • Het onderwerp ‘wijzigen kleur comment bubble twenty eleven’ is gesloten voor nieuwe reacties.