Support » Teemat ja mallit » Kuvan otsikkotekstin väri ei seuraa teeman väriä

  • Resolved kirsimaria

    (@kirsimaria)



    Hei,
    Olen asentanut sivulleni teeman Type, joka toimii muuten hyvin, mutta jostain syystä kuvien otsikkotekstin väri ei ole teeman mukainen. Väri on vieläpä sellainen, ettei se erotu ollenkaan taustaväristä eli olen suurissa ongelmissa tämän virheen kanssa!

    Käytän samaa teemaa myös eri sivustollani (www.koikkelastakajahtaa.fi) ja siellä kuvan teksti on harmaa (#888), kuten teeman koodissa on määritelty. Ja teksti näkyy hyvin taustaa vasten.

    Ennen teeman Type asentamista kokeilin http://www.koikkela.fi -sivustoon jos jonkinmoista teemaa ja jossain teemassa oli paljon mahdollisuuksia vaihdella teeman värejä. Muokkailin niitä, joten onkohan nyt käynyt niin, että jonnekin on jäänyt värikoodi, joka syrjäyttää tuon teeman mukaisen värin?

    En vain ymmärrä, miten tuon voisin muuttaa. Osaisiko joku auttaa? Olisin hyvin kiitollinen avusta.

    Olen yrittänyt eri kikoilla vaihtaa pelkän kuvan tekstivärin (mm. css-koodin pätkällä), mutta mikään ei ole vaihtanut tuota väriä. Se vain on ja pysyy saman värisenä.

    APUA! Alan olla epätoivoinen…
    Ystävällisesti Kirsi-Maria Hiltunen

    The page I need help with: [log in to see the link]

Esillä 5 vastausta, 1 - 5 (kaikkiaan 5)
  • Tuostahan tuo tulee:

    .aesop-image-component .aesop-img-enlarge,
    .aesop-image-component .aesop-image-component-caption {
      //color: #b3b3b3;
      color: #767676;
      font-size: 12px;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    Vähän paremmin erottuva #b3b3b3 on kommentoitu pois ja tilalla on tuo lähes näkymätön #767676. Aesop Story Enginen juttuja siis, mitä kautta se sitten tuohon tulee, sitä en pysty sanomaan.

    Jos et keksi, mistä tuon saa korjattua, tällä se ainakin menee:

    .aesop-image-component-caption {
        color: #fff !important;
    }

    Olennaista on tuo !important, koska muuten tuo huono määritys tulee myöhemmin ja jyrää CSS-tiedostossa tehdyn asetuksen.

    Kiitoksia pikaisesta vastauksesta. Päätin poistaa koko Aesop Story Engine -widgetin (näytti että jotain muutakin sössi). Mutta yllätys yllätys: silti kuvatekstit jäivät värille #767676! Eli joku kummitteleva juttu siellä on. (Muista omituisuuksista pääsin eroon poiston jälkeen.)

    Sain homman kuitenkin pelittämään lisäämällä CSS:ään tuon !important.
    .wp-caption-text {
    color: #000000 !important;
    }

    Kiitos tuhannesti avusta! En olisi itse noita hoksannut.
    Kirsi-Maria

    • Tätä vastausta muokkasi 2 kuukautta sitten  kirsimaria.
    Moderator Mikko Saari

    (@msaari)

    Teeman tyylitiedostossa on määritelty kuvatekstin väriksi #888. Se jyräsi oman asetuksesi, koska siinä on käytetty täsmällisempää valitsinta: siellä on .wp-caption .wp-caption-text. Ratkaisuksi toimii tuo !important, mutta vaihtoehtoisesti voit jättää sen pois ja laittaa tarkemman valitsimen, eli

    .wp-caption .wp-caption-text {
    color: #000000;
    }

    Se #888 olisi ollut ihan hyvä. Toisella verkkosivulla se on käytössä ja näkyy. Mutta vaikka poistin tuon Aesopin, kuvateksti oli yhä sillä ”näkymättömällä värillä” eli #767676.

    Aesop poisti osan ongelmasta, mutta jostain muualta tulee tuo kuvatekstin väri #767676, jota en saa poistettua siitä wp-captionista muuta kuin tuolla omalla CSS:llä. Eli on se jossain kummittelemassa vieläkin. (Ilmeisesti niiden aiempien muokkausten jäljiltä, luulen. Ja vaikutti sekä Aesopin että teeman väreihin.)

    Jos siis haluan sen teeman mukaisen harmaan kuvatekstivärin #888, sekin täytyy erikseen laittaa CSS:nä, koska ilman omia muokkauksia se jostain syystä on #767676.

    Mutta kierrän ongelman nyt sillä omalla CSS:llä, koska varsinaista root causia ei löydy. Voin kokeilla tuota täsmällisempää valitsinta, kiitos.

    Terveisin Kirsi-Maria

    Moderator Mikko Saari

    (@msaari)

    Olisikohan joku vanha CSS-tiedosto tullut selaimen välimuistista – nyt kun tarkastin vielä erikseen, tuota #767676-väriä ei tule tuohon kuvatekstiin enää mistään.

Esillä 5 vastausta, 1 - 5 (kaikkiaan 5)
  • You must be logged in to reply to this topic.