WordPress Tricks

Theme Pilcrow by Automattic CSS Edit: How to edit the CSS style sheet to fit the size of your custom header?

Theme Pilcrow custom header by using css

Yesterday while visiting the forum I found another WordPress blogger, who was using theme Pilcrow by Automattic, faced problem to edit the CSS to use Custom header in her blog.  She tried a lot to implement and use her Custom header in the blog by using CSS but didn’t get success. While examining her CSS code I found she did a little mistake for which her favorite custom header was not appearing in her blog. Actually  the header Width and Height was  800 x 300 px, I found  that in her CSS she used  Width:800 px  but  she did mistake in the height value which she used was  Height :3px (wrong value, it should be 300px). So, if you have purchased CSS upgrade from WordPress and using Pilcrow theme and want to change the header of your theme, just use the following code:

 

 Here is the code:

#pic {

background: url(“Your header image Url”) no-repeat scroll 0 0 transparent;

border-bottom: 2px solid #330000;

clear: both;

height: 300px;

width: 800px;

}

If you want to change Site Title’s Font size, font type and Font color  of  Pilcrow Themes
#site-title a {

    color: red;

    font: bold 40px times New Roman;

    text-decoration: none;

}

If you would like to remove the date stamp from you entilre blog

.entry-meta {
———
    display: none;
——–
}
 
 

If you would like To remove the footer side  “Tag” and “File Under” from your blog

 
.entry-links {
    ———-
    display: none;
——–}

 

 

If you want to remove site title from Pilcrow Theme just add the following property in #site-title

  

#site-title {

————–
    display: none;
—————-    

}

  

 If you want to change the content width, content  font type, font alignment and font size just do the followings

.two-column #container {

    max-width: 960px;

}

.two-column #content {

    font: 15px times New Roman;

    overflow: hidden;

    text-align: justify;

    width: 67.99%;

}

   

You may also like :  WordPress Theme Enterprise CSS Upgrade: How to Remove Search Box, Navigation Bar and Add Custom Header Image using CSS.

22 thoughts on “Theme Pilcrow by Automattic CSS Edit: How to edit the CSS style sheet to fit the size of your custom header?”

  1. Pingback: Tweets that mention Theme Pilcrow by Automattic CSS Edit: How to edit the CSS style sheet to fit the size of your custom header? « All About Basic -- Topsy.com
  2. I?m impressed, I must say. Actually not often do I encounter a blog that?s both educative and entertaining, and let me inform you, you’ve hit the nail on the head. Your concept is outstanding; the issue is one thing that not enough individuals are speaking intelligently about. I am very blissful that I stumbled across this in my seek for something regarding this.

    Like

  3. I’m usually to blogging and i actually admire your content. The article has really peaks my interest. I’m going to bookmark your web site and preserve checking for brand spanking new information.

    Like

  4. Nice post related to WordPress CSS Support. I enjoy reading a put up that can make individuals think. Also, thanks for allowing me to remark!

    Like

  5. There are some interesting deadlines on this article but I don?t know if I see all of them middle to heart. There is some validity however I will take hold opinion until I look into it further. Good article , thanks and we would like more! Added to FeedBurner as effectively

    Like

  6. You made some respectable points about Theme Pilcrow css edit in WordPress. I regarded on the internet for the issue and found most individuals will associate with together with your website.

    Like

      1. I’d like to remove the sidebar from all categories and individual posts.

        The only current category I have is ‘thoughts’

        I have tried

        .catagory-thoughts 
#sidebar {
        display:none;
        }

        But it’s still there.

        Like

      2. Wow! It worked! Looks great! I’m now able to get rid of the individual sidebars too. Is it possible to have content of post pushed up to the side of a single sidebar?

        Like

      3. I’m able to get the content to 100%…. but I cant hide the sidebars.

        There are two sidebars and a feature area i’d like to hide in category and posts area.

        Like

  7. I GOT IT!!! Thanks for all your help! You definitely got the ball rolling!

    .category #content {
    width:70%!important;
    }

    .category #main-sidebars {
    width:27%;
    }

    .category #feature {
    display:none;
    }

    .category #sidebar {
    width:100%;
    }

    .category #secondary-sidebar {
    display:none;
    }

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s