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;
}
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?
LikeLike
Hi Lady Medusa..
Woudl u mind to share me your website URL to check?
Pls let me know..
Regards
Om
LikeLike
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
LikeLike
Hi Bethany,
Add me in skype om2000_cuet is my skype id. I will help u to add 2nd sidebar in your theme.
Regards
Om
LikeLike
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.
LikeLike
Hi Vibol..
i didnt see any colored cirle in ur theme..would u mind to clarify me ur problem again?
Om
LikeLike
Hi,
Thank you for your reply, but I discovered firebug for firefox,
and figured out how to remove the coloured circle.
cheers,
Vibol.
LikeLike
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
LikeLike
Hi Cam..
would u mind to share me ur site URL pls?
Om
LikeLike
It’s http://teakhound.com . Thanks!
LikeLike
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
LikeLike
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?
LikeLike
Hi Cam..
Ok.. can u add widgets in the left hand side now?
Om
LikeLike
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 🙂
LikeLike
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
LikeLike
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?
LikeLike
Hi Elisabeth…
sure.. share me your site URL..
also… better u add me in skype.
om2000_cuet is my skype id.
Om
LikeLike
Hello! I am looking to do some tweaks to my WordPress account also using esquire.
I’d like to create another side bar, or put some of my widgits in to the speech bubble. I´m totally new to CSS… Hope you can help 🙂
My page is http://marivalen.wordpress.com/
– Mari
LikeLike
Hi Mari..
it would better if u used this esquire theme in ur own hosting to add additional sidebar + any type of change as ur wish
Om
LikeLike
Thanks for replying! Sorry, I don´t really understand. Im all new to this. Can u explain?
LikeLike
Hi Mari..
actually u cant create sidebar in wordpress.com free hosted sites….
if you were in ur own hosting then u could do it easily by modifying the theme
Om
LikeLike
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
LikeLike
Hi PinkyVogueFashion,
mainly in wordpress.com free hosted site u cant do i
Regards
Om
LikeLike
Even if I purchased the custom upgrade package? Because that gives me access to the CSS coding. Thanks!
LikeLike
Hi Pinkvoguefashion…
only css cant help to add addiotnal sidebar…. and wordpress.com doesnt allow to add extra php code to add in ur site..
😦
Regards
Om
LikeLike
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?
LikeLike
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
LikeLike
Hi,
I have purchased hosting and my domain name, but I am still having trouble with the coding. Is it possible that you could e-mail me with some steps or guidelines to do the theme alterations myself please? Thanks a bunch!
-PinkVogueFashion@gmail.com
LikeLike
Yes.. i sent u a mail with my skype
Om
LikeLike
I am extremely new to all this. Where are all these codes supposed to go in WordPress to see the changes? I am especially interested in removing the short url links.
Thank you!!
LikeLike
HI Nathalie Karouni
all the codes will go in
Appearance–>Editor (see your dashboard) and then check the style.css
Regards
Om
LikeLike