Den här guiden är kategoriserad under Blogg.se, men eftersom det är CSS-filen(stilmallen) vi ändrar så går guiden att följa på varje blogg där det går att komma åt CSS-filen.
Idag hade jag tänkt att visa er hur man ändrar bredden på sina inlägg. Det kan vara hjälpsamt om man till exempel är fotograf, och vill lägga upp sina fotografier på bloggen. Då ska man ju inte behöva anpassa bilderna efter bloggdesignen! Eller ja, i alla fall inte utan några valmöjligheter.
Bilden nedanför föreställer en kodsnutt ur stilmallen(vanligen känd som CSS-filen)i en blogg hos Blogg.se.
Den rödmarkerade texten är den som styr bredden på dina inlägg.
Det du ska ändra på är antelet pixlar(px). Själv tycker jag att 610 pixlar är lagom för att kunna visa fotografier på hemsidan. Då kan man lägga upp fotografier som är 600 pixlar breda, vilket gör att man ser bilderna tydligt och förhoppningsvis slipper man kompromissa i kvalité.
Den här ändringen fungerade för mig. Men flera har meddelat att det inte fungerar. Så nu har jag lagt till några fler steg som borde fungera för alla. Jag har för säkerhetsskull testat det här på flera olika teman, så nu hoppas jag att det ska fungera för alla!
På bilden nedanför är det rödmarkerat där jag gjort ändringar. Här skriver du in samma bredd som du gjorde tidigare i ”Post’s body text”(steget innan).
Efter att ha ändrat bredden på content, bloggens innehåll, så ändrade jag även måtten i ‘wrapper’.
Den kontrollerar hela bloggens storlek, inte bara inläggen utan även sidopanelen. Så därför valde jag att ändra till 900px här. Det blir bredare än förut, och det är efter den här ändringen det kommer se ”normalt ut”. Innan den här ändringen kan det se snett ut, och texten kan ha hamnat fel.
På min wordpress blogg var det istället koden nedanför som skulle ändras för en ny bredd på inläggen.
Nu hoppas jag att det ska fungera för alla! Hör gärna av er om det är något som inte skulle fungera, så gör jag mitt bästa för att hjälpa till.
{ 13 comments… read them below or add one }
Händer inget när man ändrar det ju.. ?
Ett tips är att dubbelkolla att det står rätt i din css-fil, viktigt är till exempel att 'px' står med efter bredden du vill att dina inlägg ska ha.
händer inget för mig heller =(
Okej, jag ska kolla upp det! Hör av mig så fort jag har en lösning.
hej! tack så jättemycket för att du delar med dig av din kunskap!
dessvärre får jag inte detta att funka. jag har provat allt jag har kommit över angånde att just ändra bloggens bredd och blev överlycklig då jag hittade en lite annorlunda variant här hos dig! men åter igen gick det inte…
jag vore jättetacksam om du ville hjälpa mig! såg iofs att detta inlägg skrevs i januari, men jag förklarar iaf mitt problem så får vi se…
jag har gjort exakt som du har skrivit. och det sker vissa förändringar. så som att bredden på själva inläggen blir som jag vill ha den, alltså bredare. MEN, det blir en lucka på höger sidan från själva bakgrunden till menyn. så bredden på menyn ändrar sig också och det vill jag inte.
förstår du? vore tacksam för hjälp! (:
Du räddade mig ikväll, tack!!!!
TACK TACK TACK TACK !!!!!!!!!!!!!!!!!!!
min header skars i slutet.. vad göra?
Hej!
Skars din header av nedtill eller till höger?
Om du är nöjd med bredden på resten av sidan (inlägg och sidomenyn till exempel) så kan du ändra headerns height(om headern skars av nedtill) eller width(om den skars av i sidan).
Width för headern borde till exempel vara sidomenyns bredd + inläggets bredd + eventuella mellanrum(padding och/eller margin).
Hoppas min förklaring hjälper. Säg till om jag krånglade till det och gjorde det svårt att förstå, så försöker jag att förklara på ett bättre sätt.
I min blogg händer det ingenting;(
Men tack ändå för hjälpen!
Hejhej, jättebra förklaring m.m men min menyrad flyttade sig och la sig längst ned till höger under alla inläggen. Vet du hur jag ska göra för att få tillbaka den? Tack!
jag förstår inte riktigt, eller jag har försökt att ändra bredden i min blogg (http://idagabrielsson.se) som är en wordpress blogg. Jag har temat twenty ten och jag förstår inte riktigt vart eller vad jag ska ändra för att få bloggen/inläggen bredare, tack på förhand!
Hej!
Jag tror att det är .one-column #content som du ska ändra bredden i.
Och då ska du också ändra bredden på .single-attachment #content {. Dess bredd är summan av sidomenyn + inlägg.
Lycka till!