Designing the Web : Crafting Digital Experiences

Shriradhakrishnasharnam Blog — Golden Theme Edits

॥ श्रीराधाकृष्णशरणम् ॥

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, &#39;Palatino Linotype&#39;, 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

Popular Posts

Shri Krishna: The Supreme Godhead and His Eternal Teachings

विश्वमंगल प्रार्थना व आरतियां

How to Type Colorful Mail in Gmail App: A Simple and Fun Trick