Pretty baby spin-doktorer http://1apotekonline.com/cialis/ sterling sølv pille kasse
Centrera inläggsrubriken

Centrera inläggsrubriken

Tänkte bara ta ett litet snabbt tips så här på kvällskvisten… nämligen hur man centrerar inläggsrubriken.

bloggdesign designa din blogg blogghjälp centrera

Börja med att gå in i din stilmall…

designa din blogg guide design blogga bakgrundsbild lägga in

Leta reda på kodavsnittet som börjar med /** Entry headers **/

Det kan se ut så här ungefär:

/** Entry headers **/
h3 {
background: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding:10px 10px 10px 0px;
color: #ED6EA3;
margin: 0px 0px 10px;
text-transform: uppercase;
}

För att få texten centrerad måste du i de flesta fall lägga till en kodrad som ser ut så här: text-align: center;
Det kan finnas en kodrad redan med text-align, då är det bara att ändra den så det står center.

I mitt exempel skall det alltså se ut så här:

/** Entry headers **/
h3 {
background: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding:10px 10px 10px 0px;
color: #ED6EA3;
margin: 0px 0px 10px;
text-transform: uppercase;
text-align: center;   <—- Den raden skall du lägga till eller ändra!
}

Grundare av Designa Din Blogg. Drev den här sidan som ett hobbyprojekt under åtta år, numera har jag lämnat över ansvaret för DDB. Är pappa till Ludvig och make till Elin.

Läs mina andra inlägg

83 comments

  1. SvaraVilja

    Om man vill sänka texten ett par px då? Hur gör man då? Min rubrik hamnar för högt upp på bilden…

      1. jennie

        Testa ändra padding:0px 0px 0px 0px; till (ex) padding:7px 7px 7px 0px;

        Har du inte raden lägger du bara till den.

    1. Svarasara

      kom på hur man kan göra!!!! 😀

      på BACKGROUND skriv #none istället för färgkod, då försvinner bakgrundsfärgen!

      1. Lena♡

        det blir ingen färg eftersom k det inte är en “giltig” kod! XD det händer samma sak om skriver ‘grön’ där 😉

      2. Nea

        Eller så kan man skriva så här /** Entry headers **/
        h3 {
        background: #FFFFFF; <—– FFFFFF! Då blire vitt 😉

    2. SvaraDiana

      div#content h3 {
      font-size: 24px;
      font-weight: normal;
      margin: 20px 0 50px 0;
      text-align: center;
      }

      Så där ser det ut på min om jag ska ändra mellanrummet mellan rubriken och texten. Ändra “margin”. Där det står 50px på min så ska du ändra det till något mindre tal om du vill ha rubriken närmare inläggstexten.

  2. SvaraDaniéla

    Hej, har nu ordnat så att mina rubriker till inläggen är i mitten. Men den hamnar ändå inte i mitten, texten hamnar fortfarande något till vänster. Något jag kan göra åt det??

    Tack på förhand

    Daniéla

    1. SvaraJenny

      Jag kan svara! 🙂

      Jag ändrade från:
      padding:14px 10px 10px 75px;

      till:
      padding:14px 10px 10px 14px;

      Alltså, den sista till samma pixelantal som den första. 🙂

  3. SvaraDaniéla

    Man ska ju kunna ändra bredden på bloggen så att man kan ha större bilder, det är nog efter det som rubrikerna aldrig hamnar i mitten och texterna i inläggen ser lite konstigt ut. Finns det en lösning på detta :)??

    1. SvaraVictoria

      Menar du hur man ändrar bloggens bredd?
      Det gör man i kodavsnittet “#wrapper {” efter “width” 🙂

  4. Svaranimarta

    svart till vilja :
    om du vill ändra på storleken på rubrikens text ändrar du på font-size, där det just nu står 14 : )

  5. SvaraRebecka & Daniella

    hur ändrar man så att själva rubrikrutan blir större??? nån som kan? svar uppskattas verkligen!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 🙂

  6. Svaramagdalena

    jag har försökt få rubriken på mitten men hittar inte /** Entry headers**/ koden i stilmallen, något jag kan göra??

    1. SvaraCissi

      Tryck Ctrl F, då får du upp en sökruta, och skriv in koden där. Då leter den igenom sidan åt dig, så slipper du själv gört. Om du inte visste det tänkte jag bara! (:

      1. Sabina

        Du kanske har en annan design 🙂 Leta efter h3 istället, det är samma sak som entry headers ^^

    2. SvaraLina

      kopiera den från det här inlägget och klistra in längst ner i din stilmall. 😀 Det gjorde jag.. 🙂 Glöm ej att klistra in den sista raden också, den som står med rött.. 😀

  7. Svaraelin

    jag fattar inte ett skit. var är kategorien om själva bloggdesign? antingen är jag blind eller så finns det inte :s

  8. Svaraclara

    kan man använda det här till devote?
    för aso jag fattar inte för rubrik och det funkar inte på min blogg, och jag har haft blogg innan, men nu testar ja devote istället..
    tacksam för svar ! 🙂

  9. SvaraIsabell

    Funkar jättebra sålänge jag inte har klickat på ett specifikt inlägg eller en månad eller en kategori för då ligger rubriken till vänster igen! Någon som vet hur man fixar detta?

  10. SvaraLouise Johansson

    /** Entry headers **/ FINNS INTE !!!!!! kan det heta något annat??? snälla mejla mig eller svara på min kommentar. tack på förhand

    1. SvaraVendela

      Så var det för mig också men då la jag bara till det som står i inlägget här längst ner i min stilmall och då fungerade allt! 🙂

  11. SvaraJulia

    Hej! Jag har ett problem som jag har funderat på jätte länge. Bakgrunden till rubrikerna i inläggen. Hur får man den att gå ända in till menyn och ända ut till kanten? Sen undrar jag hur man får strecket under inläggen att bli likadant? Sen så det vita under menyn vill jag också få bort! hur gör man!

  12. Svaradalle

    jag undrar hur man kan fixa en liten bild (typ ett hjärta elr ngt) innan själva inläggsrubriken. har sett ett par bloggar som har det.

  13. SvaraKajsa

    Allså jag gillar verkligen inte eran nya bloggdesign! 🙁
    För det första så kan jag inte kopiera koderna, sedan så hittar man inte. Vilket är riktigt störande! Det är ju super bra tips o allt på eran blogg, men jag måste ju kunna kopiera koderna för att det ska funka? 🙁

  14. SvaraSandra

    Jag gillar inte heller din nya design..
    Allt är bara rörigt och man vet inte vart man ska leta efter saker…… Har letat länge nu efter hur jag ändrar färg och typsnitt på datum och tid mm som ligger under varje inlägg *suck*
    Förut hitta man allt direkt!
    Ett STORT MINUS!

  15. SvaraMartusiaa

    Ohh kan inte hitta den kodavsnittet plus när jag klistrade in den längst nere  i stilmallen så fungerar det inte alls :s Kan någon hjälpa mig snälla? 🙁

  16. SvaraPia

    Jag gjode som du skriver på en testblogg och då gick allt bra. Men när jag sedan skulle flytta över allt till orginal bloggen så blev även allt i sidmenyn centrerat. Har gjort om detta avsnittet helt men det slutar ändå med att allt blir centrerat. Tar jag bort det (text-align: center;) så återgår även allt i sidmenyn till att vara vänster lagt. Skumt som tusan! Skulle uppskatta lite klarhet i problemet. Kan du hjälpa mig?

  17. SvaraSara C

    Det funkar inte! Jag har lagt till både padding:14px 10px 10px 14px; och
    text-align: center;. Det händer ingenting.

  18. Svarahanna

    hej.
    ja har sökt igen min stilmall, men ja har inte entryheaders, helt säker på att ja inte har de och ja har inte gjort nåt me stilmallen typ.
    kan nån hjälpa mig ?

  19. SvaraEmma

    jag har ingen aning om hur jag ändrar minn inläggstext så den börjar från vänster hela tiden? just nu är den alltid i mitten.. vad gör jag för fel? svara fort någon 🙁

  20. Svaracathy

    jag fattar inte ? jag vill ända till små bokstäver och ända färg . men det finns inte stilmall på min blogg? det står team där istället ? hur ska jag göra , snälla svara fort! vill inte ha det så tycker det är fullt!

  21. Svaraemmie

    hejhej allihoppa! nu är det såhär att jag precis satt in min nya design, och själcklart så ändrade jag hela bredden och hela alltet. Men endå så blir nåt fel .. Inläggen och rubriken går inte att flytta! hur gör man? eftersom dom ligger tätt och jämnt på vänster sida.

  22. SvaraManda

    Jag behöver hjälp!!
    jag testade detta, gjorde en förhandsgranskning som jag tyckte var ok, men sedan när jag sparat och gick in på bloggen så var hela menyn borta! den syns fortfarande inte! vad gjorde jag för fel? jag kollade tillomed med alla koderna som jag sparat i ett tomt dokument, fall i fall, och det stämde. inget var fel. 😮 SNÄLLA HJÄLP!

    1. SvaraManda

      det löste sig.. jag använde mig av mitt gamla sparade dokument med koderna på, och fick börja om därifån..

    2. SvaraJohanna

      Samma för mig men jag kan inte få tillbaka. Hela menyn, profilbild, infotexten, arkivet mm. försvann och jag kan inte få tillbaka den. Vet någon hur man ska göra?

  23. SvaraAamanda

    Hur centrerar man hela inlägget, så det kommer i mitten? snälla hjäääälp 🙁
    håller på att hjälpa en kompis blogg

  24. SvaraMatilda

    När jag gör det blir mina bokstäver stora och om jag tar bort “uppercase;” så kommer rubriken inte i mitten, hur ska jag göra för att dom ska bli små igen? :S Tacksam för svar! 🙂

  25. SvaraElin

    Hej, jag fick en beställning där headern skulle vara 1100 x 600 pixlar och då fick jag ju såklart ändra wrappens storlek också så det inte skulle se konstigt ut, men eftersom wrappen nu är 1100 pixlar så blir ju inläggen och rubrikerna jättelångt ifrån menyn! Hur gör jag för att få det mer till vänster? Kolla gärna http://www.designbyloveit.blogg.se/testar där jag just nu testar designen. Tacksam för snabbt svar, hon vill helst ha den ikväll! Men om jag inte får svar ikväll kan jag säga till henne att det kan dröja 😉

    1. SvaraElin

      Snälla, kan någon svara på min kommentar? Den jag designar åt vill nog ha den snart, jag sa att den kanske skulle vara klar igår 🙁

      1. Danne

        Jag kan ju tipsa dig direkt om att den där headern är för stor, så hennes läsare kommer be henne ändra den igen så gör den som den är i standars-storlek. För det första jag tänkte när jag såg headern var; -Wow, backa, backa. 🙁
        Missförstå mig inte nu, 20% av bloggen är minimal text och headern är större än hela skärmen. 😉
        Dessutom så tvivlar jag på att hon är över 15 och har fått malsmans godkännande så du kanske bygger i onödan, vad vet jag.
        Saxat ur användarvillkoren: “Observera att Du måste vara minst 15 år för att ansöka om medlemskap och använda Blogg-tjänsterna samt att Du som är under 18 år måste ha målsmans tillstånd”

      2. Elin

        Svar till Danne:

        Mm, det är sant, men jag bygger bara för kul, jag är intresserad av sådant. Jag vet inte hur stor headern blir på “vanliga” datorskärmar eftersom datorn jag sitter vid just nu (pappas, mitt moderkort har lagt av) har ingen dataskärm, det är en 23.6″ TV som vi kopplat till datorn (dataskärmen gick sönder). Så det blir typ dubbelt så stort som det blir på en del laptops:/

  26. Svarakikki

    Hur flyttar man menys i sidled? nu ligger den över mina inlägg och det finns plats för den bredvid.

  27. SvaraSandra

    Jag undrar hur man får “menyn” den där det står sök i bloggen och så utan att byta “tema” jag har Fhasion nu och tycker det är lätt att designa i men vill ha “menyn” på höger sida.. Hur gör jag
    ?? 

  28. SvaraSophie

    Hejsan!
    Jag har en fråga. Hur ändrar man texten i headern så den kommer i mitten av headern? Tacksam för svar. =) 

  29. Svarafille

    Om jag vi ha centrerad rubrik, vänsterställd text och centrerade bilder (i inläggen), hur gör jag då? 🙂

  30. Svaraemmaa

    Hej!
    Jag måste vara blind, men letat i stilmallen hur länge som helst efter vart man kan ändra texten i rubriken från att vara snedställd till att stå rakt, förstår nån hur jag menar? 🙂 

  31. SvaraElsa

    Hej!
    Tack, det blev jättebra! Men jag skulle också vilja veta hur man gör så att inläggstexten kommer i mitten.. Skulle du kunna maila mig om du vet…? 🙂 Skulle bli jätteglad då!!

    PS: ÄLSKAR DENNA SIDAN, DEN ÄR SÅ BRA!!!
    /Elsa

  32. SvaraMelinda

    Hej.
    Jag har precis börjat blogga och jag lär mig jättemycket av denna sidan 🙂 Nu e min fråga,hur gör man för att få texten under eller över sina bilder i mitten av bilden och inte ute på sidorna? E kanske trög men jag fattar nte hur man gör.

    Tacksam för svar.

  33. Svarahanna

    1. Hittar inget entry headers så kan inte ändra inläggsrubriken i mitten
    2. Får inte inläggsrubriken neråt
    3. Förstår inte vilken kod man ska ändra på för att ändra inläggsrubriken i redigera stillmall

    Snälla kan någon hjälpa mig, skulle verkligen behöva hjälp:)

  34. SvaraVictoria

    Hur skriver man ”runt bilden”, asså dom du gjort där.. Typdu skriver på sidan och under, hur gör man det ?

  35. Svarakarro

    Min rubrik ska vara centrerad men den hamnar något åt vänster, någon som vet varför och hur man fixar det? 🙂

  36. SvaraElla Wester

    jag vill centrera texten i menyn, inte rubrikerna utan den andra texten, och ändra texten mer, hur gör jag?

  37. SvaraFia

    Behöver hjälp med rubriken i inläggena!!
    Mina rubriker blir oftast 2 rader långa, men just nu är det så brett emellan de raderna. Hur gör jag för att få raderna tätare?

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *