WordPress Tricks

Theme: Esquire by Matthew Buchanan :CSS Style sheet modification of Header,footer,site title,blog content,sidebar and more.

allaboutbasic

Theme Esquire by Matthew Buchanan CSS

Theme Esquire is a new theme added in the wordpress.com theme gallery by Matthew Buchanan. Here again i have shared some basic modifications of this theme specially for wordpress.com. Also you can use these CSS modifications in wordpress.org.

So enjoy these CSS and if you have any question feel free to ask me…..

Also You may also like to check the followings

1. Solution of Comments are closed or Comments have been closed of WOrdpress.

2.Theme Quintus by Automattic CSS Style sheet modification

3.Theme Chateau by Ignacio Ricci CSS Style sheet Modification.


1. If you want to change the site Title’s font color,font size and font type of Esquire theme

#sidebar h1 a {
color: red;
font-family: times New Roman;
font-size: 0.9em;
text-decoration: none;
}

2. If you want to change Site Title’s background yellow color and put your own color

#sidebar {
background-color: blue;
}

3. If you want to add border in the surroundings of Site Title…

#sidebar {
border: 5px solid red;
}

4. If you don’t want to show Site Title in the left side bar

#sidebar {
display:none;
}

5. If you want to change Blog Post Title’s font color,size and font family

.entry-title a:link {
font-family: tahoma;
font-size: 1em;
color: red;
}

6. If you want to change the font color,font size and font family of “Continue Reading” of Blog excerpt

p a.more-link {
color: red;
font-family: cursive;
font-size: 1em;
}

7. If you want to change blog post’s font color,font size and font family

.text .content {
color: black;
font-family: cursive;
font-size: 1em;
min-height: 85px;
text-align: justify;
}

8. If you want to add blog post title background color

.text h1 {
background-color: red;
color: #000000;
font-size: 4.5em;
font-weight: normal;
line-height: 0.9;
margin-bottom: 0.5em;
margin-left: 0;
margin-right: 0;
margin-top: 0;
}

9. If you dont want to show post creation date, short URL and comments link

p.permalink {
display: none;
}

10. If you dont want to show tags in your site

.tagbar {
clear: left;
display: none;
}

11. If you want to change footer widget’s title font color,size and font family..

.postbody h3 {
color: red;
font-family: cursive;
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
}
12. If you want to change footer widget’s link color

div#widgets li a:link {
color: blue;
}

13. If you want to change the background of widget title

h3.widget-title {
background: blue;
}

14. If you don’t want to show datebox in post

.datebox {
display: none;
}
15. If you want to change Page title’s font color,size and font family

.entry-title a, .entry-title a:hover, .entry-title a:focus, .entry-title a:active {
background: none repeat scroll 0 0 transparent;
border: medium none;
color: red;
font-family: times New Roman;
font-size: 1.2em;
}

16. If you want to change Page’s content’s font color, size and font family of Theme Esquire

.postbody p, .postbody li, .postbody dl, .postbody blockquote, .postbody address, .postbody pre {
color: blue;
font-family: cursive;
font-size: 1.6em;
font-weight: normal;
line-height: 1.33;
margin: 0 0 1.32em;
}

You can take my personal help in skype : om2000_cuet

Published by allaboutbasic

31 thoughts on “Theme: Esquire by Matthew Buchanan :CSS Style sheet modification of Header,footer,site title,blog content,sidebar and more.”

  1. Hey there: I’m not really to familiar with CSS and I’m wanting to change the background colour of the Esquire theme from Yellow to purple. Right now, the background itself is white, but the speech bubble shows up yellow, and the first letter of each post shows up orange. I’d like the speech bubble to be purple and the first letter to be gray. How would I do this?

    Like

    Reply

  2. Hi,

    I’m looking to do some tweaks to my WordPress account also using esquire.

    It’s http://www.musednews.com

    Firstly, I’d like to create another side bar, or put some of my widgits in to the speech bubble.

    I’m also interested in playing around with colour. Maybe different colour coding for each page area which would change the headlines.

    Finally, at the moment if you use any of the framing for pix or video it removes your headline. Is it possible to change this.

    More than happy to donate a few coffees for you guys for the help. 🙂

    Bethany

    Like

    Reply

  3. Hi,

    Great post! I just discovered Esquire theme, I’m not sure if you mentioned it above, but how do you get rid of the colored circle at the start of each blog post.

    cheers,

    Vibol.

    Like

    Reply

      1. Hi,

        Thank you for your reply, but I discovered firebug for firefox,

        and figured out how to remove the coloured circle.

        cheers,

        Vibol.

        Like

  4. Hi Om,

    I’m using Esquire and I’d really like to be able to have a “follow us” widget where you enter your email address in the left sidebar. If you could provide any help, it would be greatly appreciated.

    Thanks,

    ~Cam

    Like

    Reply

    2. Hi Cam…
      as you are using wordpress.com so i dont think it is possible unless wordpress.com provides widget section for the left sidebar…. if u had ur own hosting..then u could do it..

      Om

      Like

      Reply

      1. I did upgrade to custom with CSS capabilities, so I can do custom design changes, I’m just not that fluent in CSS yet. Do you still think you can’t help?

        Like

      3. I have no idea how to, so that’s why I was hoping you could help? I read your blog and you seem pretty darn knowledgable about these things 🙂

        Like

      4. Hi Cam..
        yes..thats the problem in wordpress.com free hosting as u cant use ur own plugins and cant modify the php files…for ur current “Follow us” issue u need to modify the theme file which u cant do in wp.com

        Om

        Like

  5. Hello,

    I’d like to add my company logo to the Esquire theme so it’s in the bottom right corner of the main page and scrolls with you as you scroll down the page. Donation is at the ready. Can you provide any help?

    Like

    Reply

  7. Hi I’m using the Esquire theme and I am interested in adding a right sidebar, which I would also like to move my widgets too please help! My site is pinkvoguefashion.wordpress.com

    Like

    Reply

      1. Even if I purchased the custom upgrade package? Because that gives me access to the CSS coding. Thanks!

        Like

      3. Okay thanks so much! Do you do PHP coding? And if I purchase the domain and just wordpress for hosting could I then make the changes?

        Like

      4. Hi Pnkyvoguefashion..
        Right..if u have ur hosting ..at that time u can do it …

        but.. you can do it locally in ur pc … try to install xampp or wamp and u can do everything locally in ur pc

        Regards
        Om

        Like

Leave a comment