Designing the Web : Crafting Digital Experiences
॥ श्रीराधाकृष्णशरणम् ॥
Golden Theme Edit Pack
Georgia & Times New Roman fonts · black text · golden gradient background · four‑corner ornamental frame
How to use this file: Go to your Blogger dashboard → Theme → Edit HTML.
For each section below, press Ctrl+F (or Cmd+F), search for the "Find" snippet,
and replace it with the corresponding "Replace with" block. The last section (Golden Gradient + Corner Frame CSS)
should be pasted just before the line that reads
]]></b:skin>, near the very end of the skin CSS.
Click the button under each block to copy it to your clipboard.
❧ ❧ ❧
1. Font constants (Damion / Playfair / Roboto → Georgia / Times New Roman)
Find:
<Variable name="damionRegular36" description="Damion Regular 36" type="font" default="400 36px Damion, cursive" hideEditor="true" value="400 36px Damion, cursive"/> <Variable name="damionRegular62" description="Damion Regular 62" type="font" default="400 62px Damion, cursive" hideEditor="true" value="400 62px Damion, cursive"/> <Variable name="playfairDisplayBlack28" description="Playfair Display Black 28" type="font" default="900 28px Playfair Display, serif" hideEditor="true" value="900 28px Playfair Display, serif"/> <Variable name="playfairDisplayBlack36" description="Playfair Display Black 36" type="font" default="900 36px Playfair Display, serif" hideEditor="true" value="900 36px Playfair Display, serif"/> <Variable name="playfairDisplayBlack44" description="Playfair Display Black 44" type="font" default="900 44px Playfair Display, serif" hideEditor="true" value="900 44px Playfair Display, serif"/> <Variable name="robotoNormal15" description="Roboto Normal 15" type="font" default="15px Roboto, sans-serif" hideEditor="true" value="15px Roboto, sans-serif"/> <Variable name="robotoNormal16" description="Roboto Normal 16" type="font" default="16px Roboto, sans-serif" hideEditor="true" value="16px Roboto, sans-serif"/> <Variable name="robotoLightItalic15" description="Roboto Light Italic 15" type="font" default="italic 300 15px Roboto, sans-serif" hideEditor="true" value="italic 300 15px Roboto, sans-serif"/> <Variable name="robotoBold22" description="Roboto Bold 22" type="font" default="bold 22px Roboto, sans-serif" hideEditor="true" value="bold 22px Roboto, sans-serif"/> <Variable name="robotoBold30" description="Roboto Bold 30" type="font" default="bold 30px Roboto, sans-serif" hideEditor="true" value="bold 30px Roboto, sans-serif"/> <Variable name="robotoBold45" description="Roboto Bold 45" type="font" default="bold 45px Roboto, sans-serif" hideEditor="true" value="bold 45px Roboto, sans-serif"/>
Replace with:
<Variable name="damionRegular36" description="Damion Regular 36" type="font" default="400 36px Damion, cursive" hideEditor="true" value="italic 400 36px Georgia, 'Times New Roman', serif"/> <Variable name="damionRegular62" description="Damion Regular 62" type="font" default="400 62px Damion, cursive" hideEditor="true" value="italic 400 62px Georgia, 'Times New Roman', serif"/> <Variable name="playfairDisplayBlack28" description="Playfair Display Black 28" type="font" default="900 28px Playfair Display, serif" hideEditor="true" value="700 28px 'Times New Roman', Georgia, serif"/> <Variable name="playfairDisplayBlack36" description="Playfair Display Black 36" type="font" default="900 36px Playfair Display, serif" hideEditor="true" value="700 36px 'Times New Roman', Georgia, serif"/> <Variable name="playfairDisplayBlack44" description="Playfair Display Black 44" type="font" default="900 44px Playfair Display, serif" hideEditor="true" value="700 44px 'Times New Roman', Georgia, serif"/> <Variable name="robotoNormal15" description="Roboto Normal 15" type="font" default="15px Roboto, sans-serif" hideEditor="true" value="16px Georgia, serif"/> <Variable name="robotoNormal16" description="Roboto Normal 16" type="font" default="16px Roboto, sans-serif" hideEditor="true" value="16px Georgia, serif"/> <Variable name="robotoLightItalic15" description="Roboto Light Italic 15" type="font" default="italic 300 15px Roboto, sans-serif" hideEditor="true" value="italic 300 16px Georgia, serif"/> <Variable name="robotoBold22" description="Roboto Bold 22" type="font" default="bold 22px Roboto, sans-serif" hideEditor="true" value="bold 22px 'Times New Roman', Georgia, serif"/> <Variable name="robotoBold30" description="Roboto Bold 30" type="font" default="bold 30px Roboto, sans-serif" hideEditor="true" value="bold 30px 'Times New Roman', Georgia, serif"/> <Variable name="robotoBold45" description="Roboto Bold 45" type="font" default="bold 45px Roboto, sans-serif" hideEditor="true" value="bold 45px 'Times New Roman', Georgia, serif"/>
❧
2. Page text color + backgrounds (light golden)
Find:
<Group description="Page Text">
<Variable name="body.text.font" description="Font"
type="font"
default="$(robotoNormal15)" value="normal bold 15px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
<Variable name="body.text.color" description="Color"
type="color"
default="#757575" value="#201f20"/>
</Group>
Replace with:
<Group description="Page Text">
<Variable name="body.text.font" description="Font"
type="font"
default="$(robotoNormal15)" value="normal 400 16px Georgia, 'Times New Roman', serif"/>
<Variable name="body.text.color" description="Color"
type="color"
default="#757575" value="#000000"/>
</Group>
Find:
<Variable name="body.background.color" description="Body background color"
type="color"
default="#eee" value="#6f0808"/>
<Variable name="posts.background.color" description="Post background color"
type="color"
default="#fff" value="#FCE8B2"/>
Replace with:
<Variable name="body.background.color" description="Body background color"
type="color"
default="#eee" value="#FDF3D7"/>
<Variable name="posts.background.color" description="Post background color"
type="color"
default="#fff" value="#FFF8E1"/>
❧
3. Blog title & post titles → black, Times New Roman / Georgia
Find (inside the "Blog title" group — there is only one blog.title.color line):
<Variable name="blog.title.color" description="Color"
type="color"
default="#fff" value="#ffffff"/>
Replace with:
<Variable name="blog.title.color" description="Color"
type="color"
default="#fff" value="#000000"/>
Find:
<Variable name="posts.title.font" description="Post title font"
type="font"
default="$(robotoBold22)" value="900 28px Playfair Display, serif"/>
<Variable name="posts.stream.title.font" description="Post title stream font"
type="font"
default="$(robotoBold30)" value="900 36px Playfair Display, serif"/>
Replace with:
<Variable name="posts.title.font" description="Post title font"
type="font"
default="$(robotoBold22)" value="700 28px 'Times New Roman', Georgia, serif"/>
<Variable name="posts.stream.title.font" description="Post title stream font"
type="font"
default="$(robotoBold30)" value="700 36px 'Times New Roman', Georgia, serif"/>
❧
4. Golden gradient background + four‑corner ornamental frame (append this CSS)
Paste this block just before the closing
]]></b:skin> tag —
i.e. right at the very end of all the existing CSS inside the skin.
/* ===== Custom golden gradient + ornamental corners ===== */
body{
background:linear-gradient(135deg,#FFF8E1 0%,#FDECC8 50%,#F6DFA0 100%)!important;
}
.bg-photo-overlay{
background:linear-gradient(rgba(253,236,200,0.15),rgba(246,223,160,0.35))!important;
}
h1,h2,h3,.post-title,.post-title a,.Header h1,.widget .title,.blog-name .PageList h3.title{
font-family:'Times New Roman',Georgia,serif!important;
color:#000000!important;
}
body,.post-body,.PopularPosts,.widget.Profile,.sidebar-container{
font-family:Georgia,'Times New Roman',serif!important;
color:#000000!important;
}
a,a:visited{color:#5a3d00;}
/* Four-corner ornamental frame around the header image */
.bg-photo-container{position:relative;}
.bg-photo-container::before,.bg-photo-container::after,
.blog-name::before,.blog-name::after{
content:"\2766";
position:absolute;
font-size:42px;
color:#8a6a1f;
z-index:5;
pointer-events:none;
text-shadow:0 0 4px rgba(255,255,255,.6);
}
.bg-photo-container::before{top:8px;left:8px;transform:rotate(0deg);}
.bg-photo-container::after{top:8px;right:8px;transform:scaleX(-1);}
.blog-name::before{bottom:-6px;left:8px;transform:rotate(180deg);}
.blog-name::after{bottom:-6px;right:8px;transform:rotate(180deg) scaleX(-1);}
.bg-photo-container{
border:6px double #b8860b;
box-shadow:inset 0 0 0 3px #fff8e1, 0 0 18px rgba(184,134,11,0.4);
}
/* Sidebar profile picture -- ornate frame with corner flourishes */
.widget.Profile .individual .avatar-icon,
.widget.Profile .individual .profile-img,
.widget.Image .widget-content img{
border:5px double #b8860b!important;
border-radius:6px!important;
box-shadow:0 0 0 3px #fff8e1, 0 4px 12px rgba(0,0,0,0.25);
position:relative;
}
❧ ❧ ❧
What each part does
Fonts — every heading, post title, and body paragraph switches to Georgia / Times New Roman, all in black.
Background — the dark maroon becomes a soft light‑golden gradient (cream → gold), professional rather than neon.
Corners — a ❧ floral flourish appears in each corner of your header banner, framed by a double gold border, and your sidebar photo widgets get a matching ornate gold frame.
Comments
Post a Comment
।।श्रीराधाकृष्ण विजयतेतराम।।