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 Responses to 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. Pamela says:

    This actually answered my problem, thank you!

    Like

  3. beachbody coach says:

    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

  4. beachbody says:

    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

  5. Joseph says:

    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

  6. Alexa says:

    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

  7. Alex says:

    Your house is valueble for me. Thanks!?

    Like

  8. Salazar says:

    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

  9. ccook88 says:

    any way to remove sidebar from categories and posts view?

    Like

  10. ccook88 says:

    I’ve used

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

    .category #feature {
    display:none;
    }

    .category #sidebar {
    display:none;
    }

    .category #secondary-sidebar {
    width:30%;
    }

    on the site http://mrcooksclass.commons.hwdsb.on.ca/category/thoughts/

    but the secondary sidebar does not remain justified to the right hand side of the page. Is this possible?

    Like

  11. ccook88 says:

    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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s

%d bloggers like this: