How to use spcial fonts on your Blogger

Etiketter:
Find the font you like to use at:
http://www.google.com/fonts/

I choose Tangerine

. . . . . . . . . . . . . . .

Edit HTML of your template

Ad this code just after <head>

<link href="//fonts.googleapis.com/css?family=Tangerine:400,700" rel="stylesheet" type="text/css"/>


find:

<Group description="Tabs Text" selector=".tabs-inner .widget li a">
     <Variable name="tabs.font" description="Font" type="font"
         default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 26px Tangerine"/>

How to change width and height of Blogger top menu bar

Etiketter: , ,
Edit HTML of your template, [Ctrl F] search for "/* tabs"

/* Tabs
----------------------------------------------- */

.tabs-inner .widget li a {
  display: inline-block;

  padding: .6em .5em;

  font: $(tabs.font);
  color: $(tabs.text.color);

  border-$startSide: $(tabs.border.width) solid $(content.background.color);
  border-$endSide: $(tabs.bevel.border.width) solid $(tabs.border.color);
}


-In the code "padding" the first value [.6] is used for height and second value [1.2] is used for width-
-Decrease 1.2 to .5 and space wil shrink!-

Div boxes position absolute relative and fixed

Etiketter: ,
Div boxes position absolute relative and fixed

Center Your Blog Header Image

Etiketter: , ,
Option A:  If you used “INSTEAD OF TITLE AND DESCRIPTION“ option:

#header-inner img {margin: 0 auto !important;} #header-inner {text-align:center !important;}



Option B:   If you used “BEHIND TITLE AND DESCRIPTION“ option:

#header-inner {background-position: center !important; width: 100% !important;}
Prenumerera på: Inlägg ( Atom )