Header Ads

Hur du raderar ramen runt dina bilder i inläggen

I de flesta bloggmallar blir det automatiskt en tunn ram runt de foton och bilder du lägger upp i dina blogginlägg, men många föredrar att inte ha den där, jag är en av dem. Som tur är så är det enkelt att ändra detta i bloggens kodmall.

Gå in på din bloggs kodmall - Layout - Redigera HTML.
Leta upp följande kodsnutt i mallen:
.post img {
padding:4px;
border:1px solid $bordercolor;
}
Den kan se lite olika ut i olika mallar, men det är post-img du söker efter. Img betyder bild.
Du kan antingen radera hela den röda raden ovan eller välja att ändra 1px till 0px ifall du senare skulle ändra dig och vilja ta tillbaka dina ramar.
.post img {
padding:4px;
border:0px solid $bordercolor;
}
Förhandsgranska din blogg och spara sedan!
Ramen är borta.


13 comments:

  1. Tackar! Som jag letat efter info om att få bort de fula ramarna.

    ReplyDelete
  2. Tack så himla mycket...!!
    Äntligen är dem väck:-))

    ReplyDelete
  3. Tack, som jag har letat efter detta, hatar ramar lika mycket som gardiner ;)

    ReplyDelete
  4. Verkar som om jag inte har denna kod, finns den i alla blogspot mallar? Eller kan man göra på något annat sätt ? Vill verkligen bli av med ramarna runt bilderna.

    ReplyDelete
  5. Hej! Jag har tagit bort mina ramar och det har inte varit några problem,tills nu...
    Har bytt till google chrome och nu är ramarna tillbaka!
    eller "skuggorna", hur ska jag göra?
    filippa.namnlos@hotmail.com
    /Filippa

    ReplyDelete
  6. Det är inte första gången jag är inne och ska ändra i kodmallen men jag lyckas aldrig hitta avsnittet där man ändrar. Har letat som en galning. Mejla mig gärna och hjälp mig om du har möjlighet på nodback@msn.com /Linda

    ReplyDelete
  7. jag hittar inte den kodsnutten utan det står:

    .post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
    .BlogList .item-thumbnail img {
    padding: $(image.border.large.size);

    jag bytte till small istället för large och då blev ramen mindre men jag vill ju att det ska försvinna?

    ReplyDelete
  8. Hur gör man med de nya mallarna. Jag kan inte ändra färgen på ramarna inne på "anpassa". Hur gör jag det i HTML-koden? Hittar inte rätt ställe...

    ReplyDelete
  9. Namnlös - Lägg till background som jag gjort i det här stycket. Just nu är bakgrundsfärgen röd så att du verkligen ska se skillnad, byt ut den till det du vill ha!

    .post-body img, .post-body .tr-caption-container {
    padding: 8px;
    background: #ff0000;
    }

    ReplyDelete
  10. Hej
    Har samma problem som de andra också skrivit om. Jag hittar inte koden när jag söker i HTML mallen även om jag har utökat gränssnittet. Hur får jag bort ramen? Eller i alla fall får det att inte synas?
    Jag använder vattenstämpel med transparent bakgrund.
    Tack på förhand

    ReplyDelete
  11. hej, har samma problem här (på min blogg såtid), vill bli av med ramarna runt foton. har mall "enkel", html-koden som du skrev ovan finns inte där. tacksam för hjälp!

    ReplyDelete
  12. Tusen tusen tack för din beskrivning!
    Det stod inte på samma sätt i min blogg men tack vare din beskrivning kunde jag testa mig fram och tillslut var ramarna borta!
    Åh om du visste vad lättad jag är! Har stört mig så länge på detta men och nu äntligen slipper jag ramarna!
    Tack tack tack!!!

    ReplyDelete
  13. Försöker få bort ramarna runt bilderna i min blogspot men hittar inte koden. Hur gör jag? Jag tycker för övrigt att jag inte känner igen Html sidan? tacksam för hjälp.
    http://karingafallan.blogspot.com

    ReplyDelete

-------------------------------
Lämna gärna en hälsning! Har du en bloggfråga är du välkommen att ställa den på vårt forum. På så vis kan fler svara alternativt få hjälp om de har samma problem. Tack!
Du hittar en länk till forumet högst upp till vänster här på Fixabloggen.
-------------------------------