How to use transparent header on simple template

28 / 07 / 2012
In this entry, I will teach you on how to edit your Simple Template until you are able to get a clear transparent background in order to use a transparent header. 
This is the original style of Simple Template, now what we want to do is remove the white background behind the header (only) so that the header is see-through. 
1. Before starting, I recommend you guys to backup your template first so that any mistakes can be recovered. 
2.Search for .content-inner {
3. Now look at this codes under/after .content-inner { and delete them. 

$(content.background.color.selector) {
  background-color: $(content.background.color);

Upon saving, your blog will look like this, now we gonna add background on the body of the blog.

4. Now search for .main-inner {.
5. Copy this codes and paste it under/after .main-inner {.

Background: #ffffff;

Save and tadaaaaaaaa. Now you can have the transparent header look. Goodluck in trying and I will update on how to make your header center. Thank you for reading. 

»
«
  • thanks unnie.. 🙂

  • i dun find the code moz-boxblabla 🙁
    where was that code?

  • kenapa saya cari kod tak jumpa?

  • thanks unnie.. 🙂

  • tak jumpa pun code /* Mobile tu 🙁

  • Tutorial awak banyak bantu saya dalam mengedit blog. Terima kasih.

  • thanks unnie . sangat² mnjadi .

  • repost ya tenang credit kok

  • Anonymous

    Undeniably believe that which you stated. Your favorite reason seemed to be on the net the easiest thing to be aware of.
    I say to you, I definitely get irked while people think about worries that they just do not know about.
    You managed to hit the nail upon the top and also defined out the whole thing without having
    side-effects , people can take a signal. Will probably be back to get more.
    Thanks

    Feel free to surf to my web blog … AC Repair Thousand Oaks – Refrigeration Camarillo

  • Inas

    kak wanaaaa i’ve been searching for this tuto for ages TT^TT
    most of the tutos i’ve been trying just won’t work but yours works just perfectly fiiineee <3
    Thank you!

»
«
WANA, TWENTY ONE
The girl on the left telling you to have a happy reading!

+ JOIN THIS SITE

Instagram

Footsteps

My Bloglist

Sponsor



© 2011-2017 WANASEOBY.COM