keskiviikko 14. maaliskuuta 2012

Kuvien reunat pois - mielettömään malliin


Sitte noi kuvan valkoset reunat otin pois tällai:
 Menin html-koodiin ja painoin ctrl + f, kirjotin boksiin: background: $(image.background.color);
Elikkä ton ekan lauseen, ja se löys tän pätkän. Sitte muokkasin kaikki numerot 0.
background: $(image.background.color);
border: 1px solid $(image.border.color);

-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
}

.post-body img, .post-body .tr-caption-container {
padding: $(image.border.large.size);
}

.post-body .tr-caption-container {
color: $(image.text.color);
}

.post-body .tr-caption-container img {
padding: 0;

background: transparent;
border: none;

-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
box-shadow: 0 0 0 rgba(0, 0, 0, .1); 
}

Muokkasin kans iha normaalisti valkoseks kaikki asetukset, ja tekstithä laitan aina keskelle :)

1 kommentti:

  1. mä en tajuu täst selitykses mitää, kirjotat jotenki tosi epäselvästi eikä toimi... mulla ton ekan vaiheen suorittaminen on vitun vaikeeta ku se ei vittu löydä mitää background juttuuu XDDDDD

    VastaaPoista