Probleme din cauza css?

[carrypotter]

Salut! Pe homepage am reusit sa fac thumbnailurile sa fie clare (hd) dar cand dau pe 1 film sau serial si ma uit in box-ul in care este descrierea, thumbnailu este neclar...are o rezoluție prea mare...am modificat din setări dimensiunea acestuia si degeaba. Ma poate ajuta cineva cu un simplu ochi pe codul css?
Va multumesc frumos anticipat!
Poza cu problema https://i.imgur.com/A1tywkw.jpg

 

[AlexH]

@Naruto9 sau @Susp3kt stiu ca se pricep la asta.
Cum ai facut pe homepage, nu poti face si la single.php? Presupun ca procesul este acelasi.

 

[sinner1696]

Lasa-mi link la website, nu pot da pm.

 

[carrypotter]

Nu pot da pm nici eu, iti las aici filme online 2020 .net e fără linii sau spații! Sper a nu e o problemă ca am pus asa...

 

[sinner1696]

Cauti

@media screen and (min-width: 48em)
.TPost.Single .Image {
    position: absolute;
    left: 0;
    top: 0;
}

si inlocuiesti cu

@media screen and (min-width: 48em)
.TPost.Single .Image {
    position: absolute;
    left: 0;
    top: 0;
    width: 133px;
}

Cauti si o stergi de tot:

.TPost.Single .Image figure {
    padding-top: 260px;
}

Pentru mobil cauti si stergi width: 180px;

.TPost.Single .Image {
    width: 180px;
    margin: 0 auto 1.25rem;
}

E o greseala ca vin pozele mai mici decat ar trebui. Nu-ti pot spune und gasesti liniile, banuiesc ca sunt puse in body intre tagul <style></style>

 

[carrypotter]

Iti multumesc! O sa incerc!

 

[Susp3kt]

Cauti

@media screen and (min-width: 48em)
.TPost.Single .Image {
    position: absolute;
    left: 0;
    top: 0;
}

si inlocuiesti cu

@media screen and (min-width: 48em)
.TPost.Single .Image {
    position: absolute;
    left: 0;
    top: 0;
    width: 133px;
}

Cauti si o stergi de tot:

.TPost.Single .Image figure {
    padding-top: 260px;
}

Pentru mobil cauti si stergi width: 180px;

.TPost.Single .Image {
    width: 180px;
    margin: 0 auto 1.25rem;
}

E o greseala ca vin pozele mai mici decat ar trebui. Nu-ti pot spune und gasesti liniile, banuiesc ca sunt puse in body intre tagul <style></style>

Degeaba sterge el css-ul care limiteaza imaginile la 133px pentru ca imaginile sunt servite deja la 133px si o sa i le afiseze pixelate cand le mareste.

Intra la Settings -> Media si mareste de acolo dimensiunea la thumbnails (exemplu: 250x375)

 

[carrypotter]

Pai pe homepage am reusit sa le fac la 133x200 si clare si vreau sa le fac la fel si in boxul unde e descrierea.

 

[sinner1696]

Degeaba sterge el css-ul care limiteaza imaginile la 133px pentru ca imaginile sunt servite deja la 133px si o sa i le afiseze pixelate cand le mareste.

Intra la Settings -> Media si mareste de acolo dimensiunea la thumbnails (exemplu: 250x375)

El le-a vrut clare, css ul ala le face clare. Nu inteleg ce vrei sa spui cu degeaba sterge css. I-am spus si eu ca imaginile vin mai mici.

@LE ala nu e css-ul care le limiteaza la 133px, ala e css ul care le face mai mari cand pozele sunt servite la 133px, de aia l-am pus sa il scoata,, ca pozele sa ramana la dimensiunea lor.

 

[Susp3kt]

El le-a vrut clare, css ul ala le face clare. Nu inteleg ce vrei sa spui cu degeaba sterge css.

O imagine devine neclara atunci cand este redimensionata din css la o dimensiune mai mare decat este imagina originala.

Exemplu: containerul are 300 de pixeli iar imagina servita are 180px, automat imaginea o sa devina neclara cand o sa fie redimensionata din css la 100% din div-ul parent.

Exemplu2 in imaginea atasata:
- Imaginea din wp are 133x200px (albastru) iar containerul din site (rosu) are 180x260px - automat imaginea o sa fie redimensionata si se duce claritatea.
- L-ai pus sa seteze 133px pe clasa ".TPost.Single .Image", automat atunci trebuie sa redimensioneze si clasa .ClFx si .Description pentru ca altfel o sa se "strice" designul, o sa ramana ratingul, ora, anul, views (etc) in afara "designului" (vezi partea verde)

La aia m-am referit cand am zis ca sterge degeaba.

LE: Uita-te la atasamentul 'demo2234.png' ca sa vezi la ce ma refer.

 

[sinner1696]

O imagine devine neclara atunci cand ...

LE: Uita-te la atasamentul 'demo2234.png' ca sa vezi la ce ma refer.

Am inteles la ce te referi acum dar, mi se pare ca se potriveste si asa, oricum, daca vrea ca ratingul, views etc sa inceapa de sub poza poate spune, clasa cifx are nevoie doar de margin 0 pe desktop si lasata normal pe mobil.

 

[carrypotter]

Deci ce modific pana la urma ? E bine cum ai zis tu sau...ca m-am incurcat

 

[Susp3kt]

Modifica prima data direct din wp, de ce sa faci modificari in cod cand ofera deja tema optiunea asta? Daca nu functioneaza nici asa, atunci faci modificare in css.

 

[carrypotter]

In wp de la dimensiuni mari am pus mai mici in thumbnail da ar in acel container din portare le face la dimensiuni mai mari si neclare...asa a fost si cand era la setările default

 

[Susp3kt]

In wp de la dimensiuni mari am pus mai mici in thumbnail da ar in acel container din portare le face la dimensiuni mai mari si neclare...asa a fost si cand era la setările default

Am testat si eu tema asta si functioneaza perfect (vezi atasamentul).

 

[carrypotter]

Multumesc frumos, totul este ok acuma!