Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...

“
All About Basic

- Love to share Wordpress, HTML, CSS , JQuery related issues & My observations on Astrology -

WORDPRESS TRICKS

Twenty Ten Theme Documentation : Modification ,

Customization and Review using CSS
February 3, 2011May 26, 2020 allaboutbasic

(https://allaboutbasic.files.wordpress.com/2011/02/theme-twenty-ten-css-upgrade1.png)

The 2010 theme for WordPress is stylish, customizable, simple, and readable — make it yours with a
custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the
sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header
images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special
styles for posts in the “Asides” and “Gallery” categories, and has an optional one-column page
template that removes the sidebar. You can check Twenty Ten Theme Demo
(https://twentytendemo.wordpress.com/).

You may also like to check

1. WordPress.com Visitor Tracking (https://allaboutbasic.com/2011/02/14/wordpress-tricks-visitors-

tracking-on-you-wordpress-com-blog-how-to-show-and-track-who-is-your-recent-visitor-and-
their-countries/):Know who is visiting your site
2. WordPress.com Flickr Flash Gallery (https://allaboutbasic.com/2011/01/27/flickr-animated-fhoto-
galery-for-wordpress-com-free-blog-how-to-use-flickr-animated-gallery-in-your-free-wordpress-
blogshow-your-flickr-image-in-a-stylish-way-2/): Show your flickr photos to your readers
3. WordPress.com animated Photo gallery (https://allaboutbasic.com/2011/02/14/wordpress-tricks-
visitors-tracking-on-you-wordpress-com-blog-how-to-show-and-track-who-is-your-recent-visitor-

1 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
and-their-countries/): Show your images stored in WordPress with WordPress animated photo
gallery
4.WordPress.com Visitors Flag (https://allaboutbasic.com/2011/01/05/wordpress-tricks-viewer
%e2%80%99s-location-of-your-webpage-or-blog-how-to-know-from-where-your-blog-or-
webpage-is-being-visited/): (https://allaboutbasic.com/2011/01/05/wordpress-tricks-viewer
%e2%80%99s-location-of-your-webpage-or-blog-how-to-know-from-where-your-blog-or-webpage-
is-being-visited/) Where from your users visiting you.

(https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgrade-how-to-edit-site-title-and-
page-title%e2%80%99s-font-colorsize-header-image-width-and-height-site-description-or-tagline-
font-color-remove-search-bar-and-blog-po/twenty-ten-theme-site-title-description-modification/)
1.If you want to Remove or Hide Site Title or Blog Name in Twenty Ten

#site-title {
display: none;
float: left;
font-size: 30px;
line-height: 36px;
margin-bottom: 18px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
width: 700px;
}

2. If you want to change Site title’s Font, font color and Font size

#site-title a {
color: #000000;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
font-family: times New Roman;// (To change the font type of the Site Title)
}

3. If you want to change Site description or tagline font color, font style, Site Description’s Width and
more

2 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
#site-description {
clear: right;
color: #000000;
float: right;
font-style: bold;
margin: 15px 0 18px;
width: 220px;
}

4. If you want to remove the space just above the Site Title in Twenty Ten Theme

#header {
padding: 2px 0 0;
}

(https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgrade-how-to-edit-site-title-and-
page-title%e2%80%99s-font-colorsize-header-image-width-and-height-site-description-or-tagline-
font-color-remove-search-bar-and-blog-po/twenty-ten-theme-menu-modification/)

5. If you want to change the Color of Menu Item in Twenty Ten Theme do the following changes

#access .menu ul li a {
color: white !important;
}

#access .menu ul li.current_page_item > a {

color: white !important;
}

6. If you want to change the Menu black background to another new color
#access a {
background: darkred !important;
}
#access {
background: darkred !important;

7. If you want to remove the Navigation Menu (Home,About Me) from your Blog

#access {
background: none repeat scroll 0 0 #000000;
display: none;
float: left;
3 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
margin: 0 auto;
width: 940px;
}

(https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgrade-how-to-edit-site-title-and-
page-title%e2%80%99s-font-colorsize-header-image-width-and-height-site-description-or-tagline-
font-color-remove-search-bar-and-blog-po/twenty-ten-theme-post-title-meta-contents-
modification/)

8.If you want to change Blog Post Font family, font color, size and text alignment of Theme Twenty
Ten

#content, #content input, #content textarea ,.entry-content, .entry-summary{

color: #333333;
font-family: times New Roman; //Just change the font name Here
font-size: 16px;
line-height: 24px;
text-align: justify;
}

9.If you want to change Blog Post Title’s BackGround Color

#content .entry-title {
background-color: red;
color: #000000;
font-size: 21px;
font-weight: bold;
line-height: 1.3em;
margin-bottom: 0;
}

10. If you want to change Home Page or Single blog post site title’s in twenty ten theme
.entry-title a:link, .entry-title a:visited {
color: #000000;
font-size: 21px;
font-weight: bold;

4 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
line-height: 1.3em;
}

11.If you dont want to show Entry meta (“Post Date” and “Post By”)

.entry-meta {
display: none;
font-size: 12px;
}

(https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgrade-how-to-edit-site-title-and-
page-title%e2%80%99s-font-colorsize-header-image-width-and-height-site-description-or-tagline-
font-color-remove-search-bar-and-blog-po/twenty-ten-theme-footer-modification/)

12. If you want to change footer background color of Theme: Twenty Ten

#footer {
background-color: gold;
margin-bottom: 20px;
}

13. If you want to change the color of Footer Blak Border in twenty ten theme
#colophon {
border-top: 4px solid darkred !important;
}

*** if you want to remove the footer black border use this code
#colophon {
border-top: 0px solid darkred !important;
}

14. If you want to change footer text color,font family and font size in twenty ten theme
#footer * {
color: darkred !important;
font-family: times New Roman; //Just change the font name Here
font-size: 16px;
line-height: 24px;
}

(https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgrade-how-to-edit-site-title-and-
page-title%e2%80%99s-font-colorsize-header-image-width-and-height-site-description-or-tagline-
font-color-remove-search-bar-and-blog-po/twenty-ten-theme-header-image-modification/)

15. If you want to change Header Image Width and Height in twenty ten theme

#branding img {
border-bottom: 1px solid #000000;
border-top: 4px solid #000000;

5 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
display:
block;
float: left;
height:
150px;
width:
940px;
}

16. If you
don’t
want to show Header Image in twnty ten theme

#branding img {
border-bottom: 1px solid #000000;
border-top: 4px solid #000000;
display: none;
float: left;
height: 150px;
width: 940px;
}

(https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgrade-how-to-edit-site-title-and-
page-title%e2%80%99s-font-colorsize-header-image-width-and-height-site-description-or-tagline-
font-color-remove-search-bar-and-blog-po/twenty-ten-theme-header-menu-full-width-
modification/)
17. To make the Header and Menu Full width in twenty ten theme

#branding {
background: darkred !important;
overflow: hidden;
padding: 12px;
padding-left: 0px;
padding-right: 0px !important;
}
#wrapper {
background: #fff;
margin-top: 20px;
padding: 0 20px;
padding-left: 0px;
padding-right: 0px;
}
6 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
18. Full Width Header and Menu with different header style in twenty ten theme
#site-title {
float: left;
font-size: 30px;
line-height: 36px;
margin: 0 0 18px 0;
width: 700px;
padding-left: 12px;
}
#branding * {
color: white !important;
opacity: 1;
}
#header {
padding: 30px 0 0 0;
padding-top: 0px !important;
}
#branding {
padding-bottom: 0px;
}

If you want to change the background of your blog (twenty ten

theme’s background) by using CSS color code

#wrapper {
background: none repeat scroll 0 0 #000000; // just change the hex code
margin-top: 20px;
padding: 0 20px;
}

If you want to change your twenty ten blog post content width

.entry-content {
width: 600px;
}

If you want to change Blog Post Content Background Color in Twenty Ten Theme

.entry-content, .entry-summary {
background-color: green;
clear: both;
padding: 12px 0 0;
}

If you want to show image instead of Site Title or Blog Name in Twenty Ten Theme

#site-title {
7 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
background-image: url(“http://s1.wp.com/wp-content/themes/pub/twentyten/images/headers
/fern.jpg?m=1300134058g&#8221 (http://s1.wp.com/wp-content/themes/pub/twentyten/images
/headers/fern.jpg?m=1300134058g&#8221););
float: left;
font-size: 30px;
line-height: 36px;
margin-bottom: 18px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
width: 700px;
}

#site-title a {
color: transparent;
font-weight: bold;
text-decoration: none;
}

If you want to change Blog Post Content’s Width in Twenty Ten, Try to modify the following
portion according to your need

#content {
font-family: times New Roman;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: justify;
width: 691px;
}

If you don’t want to show or Hide Comments and Leave a reply in Twenty Ten Theme

#comments {
clear: both;
display: none;
}

If you want to change the Comments Font color, font type and font size of Twenty Ten Theme

.commentlist {
color: black;
font-family: times New Roman;
font-size: 17px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
}

If you want to modify the comment title’s font size and font type of Theme: Twenty Ten

h3#comments-title {
font-family: times New Roman;
8 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
font-size: 21px;
padding: 24px 0;
}

If you want to change or modify comment author’s font type and font size

.comment-author {
font-family: times New Roman;
font-size: 21px;
}

If you want to change Site / Blog Title’s Background Color of Twenty Ten Theme

#site-title {
background-color: red;
float: left;
font-size: 30px;
line-height: 36px;
margin: 0 0 18px;
width: 700px;
}

If you want to remove Header Top Black Border of Theme: Twenty Ten

#branding img {
border-bottom-color: black;
border-bottom-style: solid;
border-bottom-width: 1px;
display: block;
float: left;
}

If you want to remove sidebar from twentyten (twenty ten) theme homepage and make thecontent
section central aligned

9 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
.home #primary {
display: none !important;
}
.home #content {
margin-right: auto !important;
margin-left: auto !important;
width: 76% !important;
}

(https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgrade-how-to-edit-site-title-and-
page-title%e2%80%99s-font-colorsize-header-image-width-and-height-site-description-or-tagline-
font-color-remove-search-bar-and-blog-po/twenty-ten-sidebar-modification/)

If you want to remove sidebar from single post page in twenty ten theme and make the post
section centered aligned use this code

.single-post #primary {
display: none !important;
}
.single-post #content {
margin-right: auto !important;
margin-left: auto !important;
width: 76% !important;
}

(https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgrade-how-to-edit-site-title-and-
page-title%e2%80%99s-font-colorsize-header-image-width-and-height-site-description-or-tagline-
font-color-remove-search-bar-and-blog-po/twenty-ten-theme-single-post-sidebar-remove/)

If you have any issue feel free to ask me question here in comments section

10 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
OR

You can take my personal help in skype : om2000_cuet

Tagged classic-menu, clean, Custom Background, Custom Header, Custom Menu, Editor Style,
elegant, Featured Image Header, Featured Images, Fixed Layout, Flexible Header, formal, Full Width
Template, Infinite Scroll, lifestream, Light, Microformats, minimal, modern, Post Formats, RTL
Language Support, Sticky Post, Theme Twenty Ten CSS Upgrade, Translation Ready, Twenty Ten
sidebar deletion, twenty ten theme modifications, Two Columns, White, wordpress css support
View all posts by allaboutbasic

Published by allaboutbasic

427 thoughts on “Twenty Ten Theme Documentation :

Modification , Customization and Review using CSS”
1.
TEKXY says:
February 15, 2011 at 7:00 am
Wow, lots of useful CSS tricks for this theme! I just made a spanish translation for Twenty Ten, I’ll
leave you the link in case any of your readers could use it.

2. Reply →
SOLVEIG HOLSTEIN says:
March 17, 2011 at 7:55 pm
Sorry it should be this URL.http://fotografsolveigholstein.wordpress.com/ Thanx again!

1. Reply →
ALLABOUTBASIC says:
March 18, 2011 at 4:32 am

Hi Solveig

Just finished reading your problem.

What You have told you have moved to your own domain.

What I know when you will moved to your own domain you will lost your previous stats as
you are not on wp.com server

I am using WP.com self hosted blog, and I am using Roytanck.com flash based flickr gallery in
my site, but as you are using own hosting so you can try for

Lightbox Gallery
NextGEN Gallery
PhotoSmash Galleries etc

Hope these galleries will help you.

11 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
Feel free to contact me if you face any type of problem.

I will try my level best

Regards
Om PRakash Chowdhury

3. Reply →
ALLABOUTBASIC says:
March 18, 2011 at 5:30 am

To put your google adsense in place of Header Image of Twenty Ten Theme, try the following
steps

1 1. Create a <d
div id="add"> just under <d
div id="site-description">
2
3 2. <d
div id="add"> Your google code </d
div>

3. Modify your CSS as below

#branding #add {
border-bottom: 1px solid #000000;
border-top: 4px solid #000000;
display: block;
float: left;
width:940px;
height:195px;
}

** To make your whole twenty ten theme wider, try the followings

Note: other portion of your site may need to be changed to cope with the following changes in
width

#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper {

margin: 0 auto;
width: 1024px;
}

4. Reply →
DENNIS says:
March 24, 2011 at 1:55 pm

Hi I am trying to disable or remove the comments boxes from my static pages in this theme but
havent been able to. Some site say its a simple setting but i can not locate it. If you could give any
feedback to that specific issue it would be greatly appreciated. For example, on my about page:
http://www.anythinggoespodcast.com/about/
I dont see any reason to have a comments box. How should i go about removing it? If i need to
change the text details in the pages’ scripts please let me know where to modify and with whay
verbiage, as well as if anything needs to be removed. Thanks, if you can comment on this.

1. Reply →
ALLABOUTBASIC says:
March 24, 2011 at 2:50 pm
12 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...

Hi Dennis

If you want to disable / hide comments you can do it easily by modifying the CSS also, Here
is the code

#comments {
clear: both;
display: none;
}

Feel free to let me know if you face any type of problem.

Regards
Om Prakash Chowdhury

2. Reply →
MYTEX says:
March 24, 2011 at 6:41 pm
I know this is all about CSS changes but a simpler way to do this is to use the admin.

Go to your page within admin and edit it. Click on screen options (towards the top on the
right) and tick the discussions tick box. Then scroll down on the page and untick allow
comments.

Hope this helps.

1. Reply →
ALLABOUTBASIC says:
March 25, 2011 at 2:00 am

Thanks for the solution you give.

Do you think the solution you provided is applicable for every wordpress theme?

Actually I did not get “Discussion Tick box” in “Screen Option” in the “Theme
Enterprise” which I am using.

Any Idea?

Regards
Om Prakash Chowdury
5.
DENNIS says:
March 25, 2011 at 2:36 am
I looked for the options Allaboutbasic mentioned, i dont have them on my theme “twenty ten”.

As far as what Om suggested, I tried placing the text in the script but cant seem to get it right. I
keep getting a syntax error when i include

#comments {
clear: both;
display: none;
}
anywhere I try to place it, i get the same error. It sometimes mentions a line where the error

13 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
occured but thats it. Could you be more specific as to where the text needs to be inserted and if it
has to be placed in more than 1 place as I have .php files for multiple things on my page (i.e.
archives, header, footer, etc).
Thanks for your input so far.

6. Reply →
DENNIS says:
March 25, 2011 at 2:48 am
FYI. I found a different way to solve this issue. There is a plug in called “No Comments On
Pages” that simply disables comments on all pages once activated. I installed it and activated it
and since I want no comments on my site at all, it works perfectly.

Thanks for the help anyway. Hopefully this update will help someone else.

1. Reply →
ALLABOUTBASIC says:
March 25, 2011 at 3:25 am

Hi dennis

Thanks for the solution You have provided.

Actually Dennis, I am using and Mentioned “Theme Enterprise” not “Twenty Ten” . I didn’t
get the “Discussion Tick Box” in my present theme. Thats why i mentioned the solution
provided by Mytex may not be applicable for other themes.

Not sure where you have placed the CSS code I have provided to you.

Would you mind to paste/ Replace (#comments portion) the CSS code in “Appearance -> Edit
CSS “?

I do really appreciate your solutions and comments.

Regards
Om Prakash Chowdhury

7. Reply →
MISTY says:
March 29, 2011 at 8:12 pm
how would i change the homepage column width so that its equal straight down the middle?

1. Reply →
ALLABOUTBASIC says:
March 30, 2011 at 2:01 am

Hi Misty,

Thanks for your Comments.

Actually I didn’t Understand your question. Are you talking about your blog post Content’s to
be justified as straight line?

Try this Code: It will make your blog post content justified as straight line.

.entry-content, .entry-summary {
14 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
clear: both;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 12px;
text-align: justify;
}

If it is not your requirement,Would you mind to make me clear?

Regards
Om Prakash

8. Reply →
SIMON says:
April 1, 2011 at 3:12 am
Hi, I have a basic twentyten theme on my blog at http://www.simonmcnorton.com.

I want to display comments on each post on my home page in the same way that comments are
displayed on single pages. What changes do I need to make to do this?

Thanks

1. Reply →
ALLABOUTBASIC says:
April 1, 2011 at 5:04 am

Dear Simon

Thanks for visiting my blog and comments.

Simon, I didn’t get any option by which you can display comments on each post as on your
home page. Actually I am using WordPress Self Hosted Blogging Platform thats why I am
unable to give you a solution by installing Additional Plugins for WordPress which will meet
your demand.

I hope you will search (google) and get additional Plugins for wordpress and by installing that
plugins you will be able to display comments on each post on your home page of Twenty Ten
Theme.

Also I will Appreciate, If you get the solution and Let us know How you solved this
problem(by installing plugins or any other way) by replying through commets.

Eagerly Waiting for your Solutions.

Regards
Om Prakash Chowdhury

9. Reply →
JAMES JEFFERS says:
April 3, 2011 at 3:52 am
What I’m trying to do is on my main page with all my posts is have the picture from the post to
the left and then first few sentences of the post after it. Just like how this site has it.
http://www.thepensblog.com

15 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
Your help is greatly appreciate it.

James

1. Reply →
ALLABOUTBASIC says:
April 3, 2011 at 11:42 am

Dear James,

You can do it easily.

When writing your blog, upload/add your favorite image by “Left” align.
And..To use “Read More” Just use the option “Insert More Tag” of your blog Visual editor.

Or You can use the following code in the HTML editor.

1 <!--more-->

Regards

10. Reply →
RIAN says:
April 4, 2011 at 8:29 am

Hi.. thanks 4 the tuts.. i’m new to this and find the info in this blog very helpful.. i have made
several changes on my blog, like font style.. etc. but i’m still working on several issue (and still
confuse) like:
1. how to change font style in widgets area..?
2. how to clear the space at the top of the header?
3. My friend recommended me to use Advance Excerpt Plugins on my blog, so i do not need to
set “read more” every time i add new post but in stuck in step; replacing the code become in
index.php i couldn’t find the code. Do you have any idea?

Thanks
http://babychildrenkids.com
4.

1. Reply →
ALLABOUTBASIC says:
April 4, 2011 at 8:56 am

Hi Rian,

* If you want to remove the space at the top of the header

#wrapper {
background-color: #FFFFFF;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
margin-top: 0;
padding-bottom: 0;
padding-left: 20px;
16 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
padding-right: 20px;
padding-top: 0;
}

* If you want to change Widget Title Font type,font color and font size

.widget-title {
color: #222222;
font-family: times New Roman;
font-size: 20px;
font-weight: bold;
}

*If you want to change WIdget BOdy’s font color ,font size and color

.widget-area a:link, .widget-area a:visited {

font-family: cursive;
font-size: 16px;
text-decoration: none;
}

* If you want to change the Link color in your widget body you can change it from here

a:link {
color: #0066CC;
}

*For Read More…..I use the following code where i need to show “Read More”.

1 <!--more-->

as I am using WordPress self hosted blog, so i don’t have access to the PHP code and to install
additional plugins. So, now I am unable to answer your third question.

If you face any problem let me know.

11. Reply →
JESSICA says:
April 7, 2011 at 2:26 am

I spent a while trying to sort out how to remove only the posted “by”, while still keeping the
posted on
Adding this coded to the style.css worked well for me:
.meta-sep {
display:none;
}

1. Reply →
ALLABOUTBASIC says:
April 7, 2011 at 2:49 am
Thanks Jessica.

12. Reply →
MYHERITAGEFABRICS says:
17 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
April 7, 2011 at 3:36 am
THANK YOU so very much for all of the helpful information you have here. I have used several
of these ideas to improve my blog.

Is there anyway to change the actual size of an image to upload? I wish to use an image, currently
only partly showing in my header. Changing the height of the header only stretches the image.

http://myheritagefabrics.wordpress.com/

1. Reply →
ALLABOUTBASIC says:
April 7, 2011 at 3:58 am
Your actual image is cropped to 940 × 198

As you are using WordPress.com self hosted blog so you can’t change the main html code.

So, i think it would better for you to manage your full header image in 940×198 px

13. Reply →
MYHERITAGEFABRICS says:
April 7, 2011 at 3:58 am
And, another question: can I reverse the location of the sidebar. In other words, move it from the
right side to the left side? Thanks!

1. Reply →
ALLABOUTBASIC says:
April 7, 2011 at 4:09 am
Well, I need some time to answer it. As i need to check . Would you mind to give me a little
time ? I will answer it tonight.

1. Reply →
MYHERITAGEFABRICS says:
April 7, 2011 at 4:21 am

You are very kind, but after your answer to the header question I think I will change to
Duster theme, which seems easier with both questions. I see you also have a page for it,
which I will use (and probably have more questions). Thank you very much.
2.
ALLABOUTBASIC says:
April 7, 2011 at 4:23 am
Sure,
Feel free to knock me if you have any question regarding CSS. I will help you my level best
from my side and I enjoy it.
14.
RIAN says:
April 10, 2011 at 5:41 am
Hi again,

Please let me know how to adjust the area for the article ( maybe it call coloum) i want to make it
a little bit wider.. and i want to adjust the sidebar space little bit narrow. and how to find the
current size of it..?

Thx

18 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...

1. Reply →
ALLABOUTBASIC says:
April 10, 2011 at 5:50 am
Hi Rian

Current Size of your right sidebar is 300px…. if you want to make it narrower change the
width in the code below

#primary, #secondary {
display: block;
overflow-x: visible;
overflow-y: visible;
width: 300px;
}

Also If you want to make your Content Column wider..try it (by changing your right side bar
250px)

#content, #content input, #content textarea {

color: #333333;
width: 667px;
}

Please let me know it works for you or not

1. Reply →
RIAN says:
April 10, 2011 at 6:13 am
It works for me.. thank you very much..
2.
ALLABOUTBASIC says:
April 10, 2011 at 6:15 am
You are wc.

Feel free to knock me if you need any help.

15.
RIAN says:
April 10, 2011 at 6:33 am
i still cannot use it.. so i use manual method, hehe… btw i have problem in single.php maybe
you can help me with this problem..? if you enter to one of my pages i.e >> http://bit.ly/glhY8c
at the bottom there are Amazon product (i put the code on single.php), but it doesn’t have the
“Content Column” how to add the “Content Column” on the products..? do you have any idea?
so it can display nicely… and has a place & background. your help very much appreciated.

1. Reply →
ALLABOUTBASIC says:
April 10, 2011 at 6:40 am
Sure..I will like to help you..

But..it would better to seat with this problem tonight… I will check this problem after reaching
home.
If you have skype id let me know..

Reply →

19 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
16.
DAMARA PARRA says:
April 18, 2011 at 2:17 am
is there a way to put a custom image (border) around the navigation bar and the content, before
the footer area? something similar to the blue border of this site :
http://www.trophycupcakes.com/ please help!!!

1. Reply →
ALLABOUTBASIC says:
April 18, 2011 at 2:30 am
Yes..you can.. but..need to check in which website you are trying to implement it…
would you mind to provide your website name?

17. Reply →
SELENO says:
April 23, 2011 at 2:17 am
Hi There
i installed the new wordpress 3.1.1 in arabic and using the default theme, in the old version i was
able to add anything on the side bar

in the new version i noticed i can only add links or image under the ‘secondary-widget-area’

but i need to be able to add such as hotels search box under the default search box or on top of
side bar or under archieve and the new posts
i tried it and this didnt work with me
waiting your help
thanx

1. Reply →
ALLABOUTBASIC says:
April 23, 2011 at 2:38 am
I need to check the attributes of the new themes….but you can also add your own widget area
in your new theme as your own…Not sure it will meet ur demands or not..
thanks

18. Reply →
VINOD KHAPEKAR says:
April 28, 2011 at 9:31 am
Hi,
i want to replace word that “Posted in” to Categories. so how i can change it and want to change
to sidebar link font style & color. please replay me what i do.

1. Reply →
ALLABOUTBASIC says:
April 28, 2011 at 9:47 am
Vinod vai…
To change the right sidebar link font color and style paste the following code in your style.css
or custom.css

.xoxo a:link {
color: red;
font-family: times New Roman;
font-size: 13px;
}

20 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
If you want to replace the word “Posted In” to “Category” you have to modify it from
Header.php (Not sure ..need to check though).
Please let me know the CSS works for you or not

1. Reply →
VINOD KHAPEKAR says:
April 28, 2011 at 10:08 am
Hi,
this is worked better but i want when mouse on link show underline and link color black.
please reply. and thanks.
2.
ALLABOUTBASIC says:
April 28, 2011 at 10:55 am
To make your link black when u put your mouse over there with underline try the
following code

.xoxo ul li a:hover {
color: black;
text-decoration:underline;

By the way..do u want to change your Twenty ten header according to the link you have
shared?
19.
VINOD KHAPEKAR says:
April 28, 2011 at 10:32 am
Hi
for understanding to what i want i send link below this,you can see how link work in underline
and posted in word (category). :-http://www.mitchellkphotos.com/blog/. you see heder .how i
change it this type.
please reply.
thanks.

20. Reply →
VINOD KHAPEKAR says:
April 28, 2011 at 1:27 pm
Hi ,
That”s worked excellent .
Thank you very much.
yes, i want to change my twenty ten header like link.
what can i do for this?
please reply.

1. Reply →
ALLABOUTBASIC says:
April 28, 2011 at 2:51 pm
Vinod vai..try the following code….just paste the code at the bottom of ur css file

#wrapper {
background: none repeat scroll 0 0 #FFFFFF;
margin-top: 20px;
padding: 0 0;
}
21 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper {
margin: 0 auto;
width: 970px;
}

#access {
background: none repeat scroll 0 0 #000000;
display: block;
float: left;
margin: 0 auto;
width: 970px;
}

#branding img {
border-bottom: 1px solid #000000;
border-top: 0 solid #000000;
display: block;
float: left;
width: 970px;
}

#site-title a {
color: #EFEFEF;
font-family: trajan pro;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
}

#site-description {
clear: right;
color: #EFEFEF;
float: right;
font-style: italic;
margin: 15px 0 18px;
width: 220px;
}

#header {
padding: 0 0 0;
}

#site-title {
background-color: #0F0F0F;
float: left;
font-size: 30px;
height: 51px;
line-height: 47px;
margin: 0 0 0;
width: 700px;
}
#site-description {
background-color: #0F0F0F;

22 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
clear: right;
color: #EFEFEF;
float: right;
font-style: italic;
height: 51px;
margin: 0 0;
width: 270px;
}

1. Reply →
VINOD KHAPEKAR says:
April 28, 2011 at 3:58 pm
Hi,
Many many thanks for this kind of help.
that look great but not like that link which i was sending you,
please chek this and reply me
again thanks.
vinod
2.
ALLABOUTBASIC says:
April 28, 2011 at 4:25 pm
Vinod vai..
are you asking about to shift your navigation menus to the right hand side as like as the
site u have shared?
3.
ALLABOUTBASIC says:
April 28, 2011 at 4:27 pm
One thing
You can try this code to move your menus right shifted

.menu ul {
float: right;
height: 30px;
padding: 5px;
width: auto;
}
21.
VINOD KHAPEKAR says:
April 29, 2011 at 5:34 am
Hi Om,
I am asking about title size, font thickness.and side of title. i think that link title space from right
side & top pad is more broad. i don know how is this possible.so please help me make my site
that kind.
Thanks again.
and i want to link from my blog to my photoshelter gallery from navigation menu. how i do this?

1. Reply →
ALLABOUTBASIC says:
April 29, 2011 at 7:43 am
Vinod vai..
actually the site which u gave me as reference used Image as Header Text. So it would better
for me if you kindly give me the header Title font color…
moreover you can try the following code….just paste them at the bottom of style.css

23 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
#site-title {
background-color: #1C1C1C;
float: left;
font-size: 25px;
height: 59px;
line-height: 56px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
width: 700px;
}

#site-title a {
margin-left: 20px;
}

#site-description {
background-color: #1C1C1C;
clear: right;
color: #EFEFEF;
float: right;
font-style: italic;
height: 59px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
width: 270px;
}

1. Reply →
VINOD KHAPEKAR says:
April 29, 2011 at 8:16 am
Hi Om,
that look beautiful but i don’t ask about used image. i ask about title font size and
thickness.
The mitchell kanashkevich word seen very beautiful. but my title not seen like that. so
what i do.
and please suggest me how i link my photoshelter gallery and flickr gallery at navigation
bar.
please suggest me about link.
2.
ALLABOUTBASIC says:
April 29, 2011 at 8:27 am
Vinod vai..
Actually mitchell kanashkevich used image instead of Text..thats why it is quite tough to
find out what font he used actually in his text.

for your next question…

You want to modify your menu suppose “Gallery” so that if you click in the Gallery menu
it will open your photoshelter or flickr gallery..???? is my understanding right?

24 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
22.
VINOD KHAPEKAR says:
April 29, 2011 at 8:33 am
Om Bhai,
Thanks for reply.
you are right which i want to menu.
how i can do please suggest?

23. Reply →
VINOD KHAPEKAR says:
April 29, 2011 at 8:35 am
If i want chenge my site header image. then what is my images size,
what about top bottom?

1. Reply →
ALLABOUTBASIC says:
April 29, 2011 at 8:40 am
At present the image size which is in your blog is 940×198 px

24. Reply →
ALLABOUTBASIC says:
April 29, 2011 at 9:06 am
Understood vinod vai…to implement the same as mitchell has you have to do manual coding in
header.php and also in style.css.
Thanks

25. Reply →
VINOD KHAPEKAR says:
April 29, 2011 at 1:39 pm
Hi Om bhai,
according to title font style i have the font (IrisUPC) is right font but they seem bold. how i make
that non bold .
please reply . very thankful your kind of help. if you want some fees i am ready to pay.
thank you very much.

1. Reply →
ALLABOUTBASIC says:
April 29, 2011 at 1:59 pm
Vindo vai..
try with these
#site-title a {
color: #A4A4A4;
font-family: irisUPC;
font-weight: normal;
text-decoration: none;
}

but..it would better for you to use Image as header text in you Twenty Ten theme…because…if
any of your blog visitor doesn’t have IrisUPC font installed in his pc then it may happen that
he will be unable to see your header text perfcectly.

It will be highly motivative for me if you pay me…i do appreciate it… do you prefer paypal?

Reply →

25 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
26.
VINOD KHAPEKAR says:
April 29, 2011 at 2:23 pm
ya. at last it look beautiful which i want.
but what about link in menu bar .
how i pay you?

27. Reply →
VINOD KHAPEKAR says:
April 29, 2011 at 3:12 pm
Hi Om Bhai,
do you not reply how can i pay you?
please reply.
and suggest me how i add image in link which show when link open in address bar .
i see your image that god Shri krishnji.
how it happen.
please reply.

1. Reply →
ALLABOUTBASIC says:
April 29, 2011 at 3:19 pm
Check my post to add image/favicon icon in your website or twenty ten theme

https://allaboutbasic.com/2010/12/28/wordpress-free-blog-favicon-icon-show-your-
favorite-image-on-the-address-bar/

28. Reply →
ALLABOUTBASIC says:
April 29, 2011 at 4:59 pm
Vinod Vai….. My brother’s paypal account is [email protected]. So, If you want to pay just
login to your paypal account and then transfer whatever amount to my brother’s account
(account : [email protected])

1. Reply →
VINOD KHAPEKAR says:
April 30, 2011 at 12:11 pm
Hi Om Bhai.
I have just transfer “20-/USD in your [email protected] account by paypal.
so please chek the account
and thanks a lot for helping .

1. Reply →
ALLABOUTBASIC says:
April 30, 2011 at 12:20 pm
WOW….Thanks a lot Vinod Vai.. I will check it when my brother (He is in USA) will be
Online
I am really grateful to you for your kind help. I am really feeling great.
2.
VINOD KHAPEKAR says:
April 30, 2011 at 12:25 pm
Om Bhai,
How i add my website link in navigation bar.
please help me
and how add favicon in my site.my website host is bluehost.com.

26 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
please reply.
3.
ALLABOUTBASIC says:
April 30, 2011 at 12:30 pm
Vinod vai Favicon icon, what i think is not related to hosting providers…

You can add favicon icon in ur site from your wordpress also…here is the blog post where i
have mentioned how to add favicon icon for wordpress…

have u checked this link?

https://allaboutbasic.com/2010/12/28/wordpress-free-blog-favicon-icon-show-your-
favorite-image-on-the-address-bar/
4.
VINOD KHAPEKAR says:
April 30, 2011 at 12:45 pm
In my dashboard in setting no any image uplod marking.
5.
VINOD KHAPEKAR says:
April 30, 2011 at 2:24 pm
what i do?
is i open my header php?
6.
ALLABOUTBASIC says:
April 30, 2011 at 2:28 pm
Vinod vai…better you upload the Favicon icon in ur wordpress and give me the url of that
favicon icon

send me the header.php file by copying it in a text file…i will modify it and send it back to
you again..

my mail id is [email protected]
7.
ALLABOUTBASIC says:
April 30, 2011 at 2:59 pm
send me the header.php file in my mail + url of favicon icon.. i will send it back to u after
modifying it….. the code which I have shared in the comment box is not showing perfectly.
8.
VINOD KHAPEKAR says:
April 30, 2011 at 3:01 pm
what is the url favicon icon?
9.
ALLABOUTBASIC says:
April 30, 2011 at 3:05 pm
URL means Address…. You have to prepare a small image called favicon to show it in the
addressbar…there are several website which offers free favicon icon generator. favicon is
actually a 16×16 or 32×32 px small image.
So, you prepare a favicon icon….upload it…and give me the address…..

Also send me the header.php file so that i could past the code perfectly in it .
10.
ALLABOUTBASIC says:
April 30, 2011 at 3:14 pm
27 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
send me the header.php file also…just copy the head.php in a text file and then send that
text file to me.
11.
VINOD KHAPEKAR says:
April 30, 2011 at 3:18 pm
Ya, i have send you header php file and favicon image, i don’t understand url of image.
12.
ALLABOUTBASIC says:
April 30, 2011 at 3:30 pm
Vinod vai…while checking your header.php file i found there is already favicon icon is
added….so no need to change anything…just do one thing

at the bottom of the header.php ( just below the

) there is two amibigious line (mentioned below)….delete them

2
<link rel="icon" href="http://s.wordpress.org/favicon.ico&quot; type=”image/x-ico”/>
13.
VINOD KHAPEKAR says:
April 30, 2011 at 3:36 pm
ya, i deleted it and it worked .
14.
ALLABOUTBASIC says:
April 30, 2011 at 3:38 pm
Vinod vai… just delete these unwanted line at the footer of your header.php
here are the unwanted lines at header.php

?
2
15.
ALLABOUTBASIC says:
April 30, 2011 at 3:41 pm
Till the following line remains ….delete that line from the footer.

http://s.wordpress.org/favicon.ico“; type=”image/x-ico”/>
16.
ALLABOUTBASIC says:
April 30, 2011 at 2:25 pm
Vinod vai..u there?

To add favicon icon in your wordpress blog you have to modify the header.php and need
to add the following code

U have to change the URL of your favicon icon..

1 <l
link rel="shortcut icon" href="http://s.wordpress.org/favicon.ico
2 <l
link rel="icon" href="http://s.wordpress.org/favicon.ico" type
17.
ALLABOUTBASIC says:
April 30, 2011 at 12:33 pm
Vinod vai…. I am leaving from office now… I will answer your question after i have

28 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
reached home….

” How i add my website link in navigation bar. ” would you mind to clear me this
question? i didn’t understand…. and as my office is closing now i will give u the solution
after reaching home… i.e .. after 1.3 hours
29.
VINOD KHAPEKAR says:
April 30, 2011 at 2:28 pm
ya,
that is worked.
thanks om bhai.
please tell me how i can link my website.

1. Reply →
ALLABOUTBASIC says:
April 30, 2011 at 2:32 pm
I didn’t understand your question Vinod vai…” how i can link my website” what u mean
actually by this?

2. Reply →
ALLABOUTBASIC says:
April 30, 2011 at 2:33 pm
Your placement of code is not perfect vinod vai….. code is showing in ur website..

30. Reply →
VINOD KHAPEKAR says:
April 30, 2011 at 2:30 pm
Om bhai,
It’s worked.

31. Reply →
VINOD KHAPEKAR says:
April 30, 2011 at 3:42 pm
Om bhai.
tomorrow is holiday.
so i will contact you Monday for my website link in navigation bar like mitchell kanashkevich.
you check that blog and send me solution,one more thing i want to icon of tweeter in header .
thanks
have good weekend my friend.

1. Reply →
ALLABOUTBASIC says:
April 30, 2011 at 3:44 pm
Ok Vinod vai…have a happy holiday…but..have u deleted the last unwanted line from the
footer?

1. Reply →
ALLABOUTBASIC says:
April 30, 2011 at 3:49 pm
Vinod vai….send me the header.php file again….. copy the code in a text file and save
it..then send me that text file by mail.
32.
VINOD KHAPEKAR says:
April 30, 2011 at 3:49 pm
29 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
ya, i deleted that line.
Thanks again your support.

1. Reply →
ALLABOUTBASIC says:
April 30, 2011 at 3:52 pm
Vinod vai…send me the header.php file again..u didnt place it perfectly….in IE..it is not
showing perfectly.

2. Reply →
ALLABOUTBASIC says:
April 30, 2011 at 3:56 pm
Vinod vai…

link rel=”icon” href=”%3Ca%20href=” http:=”” s.wordpress.org=”” favicon.ico&quot=””

may be u put this code in any other php file…….delete it also

3. Reply →
ALLABOUTBASIC says:
April 30, 2011 at 4:06 pm
Vinod vai..u there?

Please there are another unwanted line remains.. it may be in page.php not sure though….

delete that unwanted favicon icon line from there… then ur site will work perfectly also in IE

33. Reply →
VINOD KHAPEKAR says:
May 7, 2011 at 1:38 pm
Hi om Bhai,
i have open my log in twenty ten theme.
please help me some change.
pls reaply.

1. Reply →
ALLABOUTBASIC says:
May 7, 2011 at 2:01 pm
I am always with you Vinod vai…let me know your problems

1. Reply →
VINOD KHAPEKAR says:
May 7, 2011 at 2:11 pm
r u there om bhai.
2.
ALLABOUTBASIC says:
May 7, 2011 at 2:14 pm
Vinod vai..add me in skype..my skype id is om2000_cuet.. i will solve your problem in
skype
34.
IONE says:
May 9, 2011 at 3:26 am
Hi, can anybody tell me how to have 2 font size in WP site title w/ Twenty ten theme. Ex: The Big
Fish in the Sea,… the Big fish- 14 px and in the sea – 16 px…

30 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
pls. somebody help me.

1. Reply →
ALLABOUTBASIC says:
May 9, 2011 at 3:35 am
Hi If you want to implement two font size in WordPress Twenty then Site Title then you have
to do it manually by modifying Header.php.

2. Reply →
ALLABOUTBASIC says:
May 13, 2011 at 6:48 am
hi,

I found..You already have did this change. Right?

1. Reply →
IONE says:
May 17, 2011 at 2:40 am
allaboutbasics… no I did not found the ways to do the changes, if you could pls. help me
2.
ALLABOUTBASIC says:
May 17, 2011 at 2:48 am
Hi IONE…do you use skype? if you do..please Add me..my skype id is om2000_cuet.
35.
HELEN17 says:
May 11, 2011 at 5:54 am
Hi,

How can I add an external link to my photo caption text on Twentyten?

I’ve tried wrapping the entire caption code between the link code. Ex: , but this makes the photo a
link also, whereas I only want to link from the caption text.

I’ve also tried using the html view, highlighting the caption text, and toggling the LINK button,
but this doesn’t work either since it just cancels out the link.

Any suggestions would be appreciated.

1. Reply →
ALLABOUTBASIC says:
May 11, 2011 at 6:06 am
Helen Woud you mind to share me the web page link where you have tried to use caption in
your photo?

another thing…are you using wordpress.com self hosted blog or you have your own hostings
where you have installed twenty Ten theme?

36. Reply →
HELEN17 says:
May 11, 2011 at 6:44 am
Hi, thanks so much for your reply.

I’m self-hosting my blog on lunarpages. However, I had to install WP and Twentyten myself,
since the hosting plan I had did not provide WP autoinstall.

31 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
Here is the link to the blog:

http://www.comfortitalia.com/blog/2011/05/07/spring-vegetables-in-rome/

Thanks again!

Helen

1. Reply →
ALLABOUTBASIC says:
May 11, 2011 at 11:58 am
Helen
Would you mind to try this

/*************Change the image URL and Your Caption with Link URL********/

/********Put theseCSS Code at the bottom of your stylesheet **********/

#caption-txt {
text-align: center;
}

#img-caption {
background-color: wheat;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
width: 300px;
}

37. Reply →
IONE says:
May 13, 2011 at 6:07 am
thanks allaboutbasics…! am really new in this world… where particularly and how in
header.php… pls. help me.
ALSO, … in the footer I wan’t to add description aside from my title page.

38. Reply →
EWIEN says:
May 21, 2011 at 4:27 pm
Thanks for this article, it was a good help. I would like to “shorten” the menu hover…where
exactly should I do this?

1. Reply →
ALLABOUTBASIC says:
May 22, 2011 at 2:07 am
hi Ewien

Would you mind to clear me your problem

“shorten” the menu hover

32 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...

39. Reply →
EWIEN says:
May 24, 2011 at 2:21 pm
Would like to change the width of the menu hover … did so (I thought) by changing the width in
“#access ul ul a {“…unfortunately, the difference between the original 160px; and me changing it
into a 100px; became white/visible…(see http://www.avonturiers.nl) What else should be
changed / added to make it nicely fit again?

40. Reply →
ELLY HAILS says:
May 27, 2011 at 10:30 pm
Hi – thanks so much for the info on this page, it’s been really helpful to me as a beginner!

I have a couple of questions and I was wondering if you could please help? My blog theme is
twenty ten at WP.

1. I’d like to use CSS to remove the link from the date under the blog posts so that the text remains
but the link disappears (I’ve already got rid of the ‘posted on’ and the ‘posted by [author]’ text.

2. I’ve deleted the ‘categories’ and ‘tags’ lists at the bottom of the posts on the homepage but they
are still there when you view the post in the archives – do you know the CSS code to remove
them?

Thank you very much in advance!

1. Reply →
ALLABOUTBASIC says:
May 28, 2011 at 2:14 am
Hi Elly

Actually as you are using wordpress.com self hosted blog (me too also) we can’t change the
HTML code to remove the hyperlink as you mentioned in your 1st question..but you can try
this one..to remove the underline from the Date field in Twenty Ten theme. Just paste this at
the bottom of your style.css

.entry-meta a:link {
text-decoration: none;
}

2. About Categories and Tag lise from the bottom of the posts……. Would you mind to try
this?

.entry-utility {
display: none;
}

Please Let me know this code works or not…..

Thanks again.

41. Reply →
ELLY HAILS says:
May 28, 2011 at 2:14 pm
Hi – sorry, can’t see my original comment on this page so am starting a new one.

33 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
Thank you for the code you suggested. The first one works perfectly, except that it only changes
the entry-meta on the first post on my homepage, and all the rest are still the same – do you know
how to make all the rest of them non-underlined also please? Here’s a link to the blog, so you can
see what I mean, thank you:
http://caribbeanlivingblog.com/

The second code won’t work I don’t think, as I’d like to keep the comments option there. To
remove the tags and categories from the homepage I used:

.cat-links {
display:none;
}

.tag-links {
display:none;
}

So I guess I just need to add something to these to make sure they are also removed in the
archived posts, I just don’t know what it is I need to add!

Thanks once again for the help, much appreciated!

1. Reply →
ALLABOUTBASIC says:
May 29, 2011 at 4:06 am
Hi Elly…
Yes.. i checked your other pages..and found the underline is showing….not sure it is hard
coded or not…. i will check it more…
Your site is too loaded that it takes time to load every page… which is not good for SEO…
another thing
The second code which i have provided you…is for the tags/categories… not for comments…

.entry-utility {
display: none;
}

also..can u give me the link of any post of your archive page? it would better to mention
precisely..

thanks again.

1. Reply →
ELLY HAILS says:
May 30, 2011 at 1:48 pm
Hi – sure, here’s a link to one of the archived pages:
http://caribbeanlivingblog.com/2011/03/15/colourways-of-india-part-2/

It’s strange, on some posts on the homepage the underline is showing, but on some it’s not
showing.

I tried the second code you sent over, but unfortunately it also removes the ‘Leave a
comment’ text from the entry-utility area, as well as the tags and categories. I want to keep
that text there.

34 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
Thanks again for your help – if you have any ideas how to solve these issues I’d really
appreciate it!
2.
ALLABOUTBASIC says:
May 30, 2011 at 7:15 pm
Elly would you mind to try this code to remove the Underline below the date

.entry-meta a {
text-decoration: none;
}

I found this code works (which i have given before) and it is not removing “Leave a Reply”
—— “Leave a reply” is not in entry-utility area.

.entry-utility {
color: #000000;
display: none;
}
3.
ELLY HAILS says:
May 30, 2011 at 8:21 pm
1. You’re a genius thank you! The underlining is totally gone now.
2. I tried the code you sent but it does remove the comment text in the entry-utility
unfortunately (on my blog anyway!).

Thanks though, the main issue was the underlining, I think I can live with the tags in my
archives!
4.
ELLY HAILS says:
May 31, 2011 at 3:57 pm
Hi – I solved the last problem for my blog, thought you might be interested to know the
code. To get rid of the categories and tags but leave the comments, try:

.single .entry-utility {
display:none;
}

Thanks again for yuor help!

5.
ALLABOUTBASIC says:
May 31, 2011 at 4:13 pm
Thats Great Elly..thaks a lot for your sharing….
42.
KPB says:
June 4, 2011 at 11:10 am
hello: i am a super green newbie. i understand the directions, but do not know into which folder
to make the change. i want to remove the black navigation bar in my twenty ten. what
folder\heading do i go into to? also, where do i make the insert and what do i delete? i also need
to remove the seach bar on the right side along with the archives/meta/site admin & log out.
thank you for your help

1. Reply →
ALLABOUTBASIC says:
June 4, 2011 at 11:48 am

35 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
HI KPB
Would you mind to share your web address?

43. Reply →
LISA says:
June 10, 2011 at 2:16 am
hi,
this is an urgent life-and-death-matter… how do i turn off the “leave a reply” in some pages?
is it possible to display multiple pages in the frontpage? I’m using twenty ten theme.

thank you very very much

xoxoxox
lisa

1. Reply →
ALLABOUTBASIC says:
June 10, 2011 at 2:24 am
Lisa…
there is a plugins called “No comments in pages” which will help you to remove comments
from pages.

but..I am not sure this plugins will let you not to show comments in some specific pages….

and..

to show several pages in the front page.

why don’t you show several posts in your home page? i think it is easy…

please let me know if you need any type of help

2. Reply →
ALLABOUTBASIC says:
June 10, 2011 at 2:46 am
Lisa..
if you want just to remove “comments” from specific page then let me know… i can try using
css…

44. Reply →
JJSWOL says:
June 15, 2011 at 1:17 am
FIrst off, I will tell you I am new to WordPress. I am building a website and one of the main things
I would like to build is something called “Today in Twins History”. I envision something that
gives users a chance to enter a month and a date and this would then search a MySql database
(maybe) to tell the user whtat happened to the Twins on that date through out their 50+ year
history. Any suggestions for a non-techie? Thank you. John

1. Reply →
ALLABOUTBASIC says:
June 15, 2011 at 1:43 am
Umm..sorry.. No suggestion… Didnt do this type of work before…

Reply →

36 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
45.
CHRISTY says:
June 19, 2011 at 12:39 am
Hi. How can I reduce the padding between my Page Title/Entry Title and the share buttons
underneath it? I’d also like to tighten the space between the share buttons and the the next line of
text that appears on each of my pages and posts. (I think these three lines: title, buttons, and first
line of text for page/post are taking up way too much vertical space.) DiggDigg doesn’t seem to
have any settings for this and I’ve tried to write my own code (like you have above) to paste as a
snippet into Weaver. That hasn’t worked yet and I am really only guessing with code. Do you
have any ideas? (These comments are about the website I list below with my signature.)Thank
you.

1. Reply →
ALLABOUTBASIC says:
June 19, 2011 at 1:58 am
Hi Christy Thanks for your comments…
I think you are searching for this code..Please let me know if the following code works for you
or not..
If you want to reduce Space between Entry Title and Share Button
.entry-content, .entry-summary {
clear: both;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 1px;
}

If you want to reduceSpace between Share Button and Page Title

.dd_post_share {
display: block;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
}

Code For Digg:

Are you using any plugins for this share buttons?

46. Reply →
CHRISTY says:
June 19, 2011 at 12:34 pm
Thank you very much! It worked and looks so much better! I am using the WordPress plugin,
“Digg Digg” for the buttons. I like it other than the spacing isn’t perfectly even. Do you know
how to solve this issue, too?
Thank you for your help. I never would have written this code on my own!

1. Reply →
ALLABOUTBASIC says:
June 19, 2011 at 4:33 pm
Hi Christy..
as it is external plugins…so there may be the option to make the spacing between the buttons

37 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
spacing even….

Also you can try this code.. and let me know it works for you or not….

.dd_button {
float: left;
padding: 0;
}

Regards
Om

1. Reply →
CHRISTY says:
June 19, 2011 at 11:24 pm
Hi, Om.

I tried this code and the spacing between the buttons was better, but they still were not
perfectly aligned. After searching plugins, I discovered “Easy Buttons” and installed that
plugin. I like it much better since it doesn’t take up space on the pages of my site. Instead,
the buttons appear on the far right-hand side of the screen.

Thank you for everything. You’ve been a big help!

2.
ALLABOUTBASIC says:
June 20, 2011 at 1:46 am
Yes..now it is looking great…Thanks for your share….
47.
VIC D'HOOP says:
June 19, 2011 at 2:38 pm
Hi ! Great Article, any chance you could answer a newbie question for me ?
I want to change the styling for posts according to categories in the twenty ten theme. I can do
this for the post itself, however am struggling to do this for the entry title. How would I address
this in the style.css file ? I know I have to change “#content .entry-title {” but how ?
Cheers Vic

1. Reply →
ALLABOUTBASIC says:
June 19, 2011 at 3:44 pm
Hi Victor….Would you mind to share your website address so that I can check it and give you
a solution?

1. Reply →
VIC D'HOOP says:
June 20, 2011 at 1:58 pm
Unfortunately, its a sandbox installation at this stage.
The bit I’m trying to change from ordinary post to the one in a specific category is
In the the style.css file
#content .entry-title { /* post title font */
color: #980000;
font-family: ‘Helvetica Neue’,’Helvetica’,’Arial Black’,’Arial’,San-serif;
/*font-family: Georgia,”Times New Roman”,Times,serif;*/
font-size: 16px;
font-weight: 400;
38 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
text-shadow: 0 1px #AAAAAA;
/*font-style: italic;*/
}
The bit that works is :-
/* House Rules Sections */
.category-house-rules{
color: #78FF4B;
}
I’m just confused about the correct naming conventions.
What do I change “#content .entry-title” to style the title of the post for the “House Rules
Category” ?
Cheers …Vic
2.
ALLABOUTBASIC says:
June 20, 2011 at 3:23 pm
Umm..Victor… Without seeing the website it is quite tough to answer perfectly…
Sorry for this.. but.. if you can share your website URL..Please let me know..I will must
help you..
48.
CHRISTY says:
June 23, 2011 at 7:59 pm
Hi, Om.

You were kind enough to help me with social media buttons last week. I wonder if you can work
your wonders on my latest issue…

In my sidebar, I have two post categories: tools & appliances and blog. I also have two link
categories: product reviews and reference. I am using the avh extended categories plugin to show
these two separate post categories and so far, that is working well.

Here is my question, is there a way to have my sidebar appear in this order: tools & appliances,
product reviews, blog, and reference? I don’t see a way to insert my product review links between
two post categories.

My website is the one in my signature below and I’d appreciate any advice you have…Best
regards,Christy

1. Reply →
ALLABOUTBASIC says:
June 24, 2011 at 1:11 am
Hi Christy…
Thanks again for your comments…..
If your plugins doesn’t facilitate to order them according to user’s requirement then you can
try by modifying the related php codes (though it may be tough).
So, Without checking the functionality..i can’t answer that….
Sorry for that Christy…
Regards
Om

1. Reply →
CHRISTY says:
June 27, 2011 at 6:20 pm
No worries. Thank you for the suggestion, Om. I’ll try editing php codes.

39 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
2.
ALLABOUTBASIC says:
June 27, 2011 at 6:31 pm
Thats Great Christy…
49.
MILO says:
July 17, 2011 at 11:20 am
Hi, I have the CSS upgrade on TwentyTen. I’ve noticed that the caption text size (that appear
under images) is too large for my liking (seems to be the same size as normal text. On most
themes, the caption text is quite small – which I like). Any idea how I can reduce the caption font
size using CSS upgrade? Thanks if you can help.

1. Reply →
ALLABOUTBASIC says:
July 17, 2011 at 11:25 am
Hi Milo..

To reduce the Caption Text size using CSS try the following code

.wp-caption-dd {
font-size: 11px;
}

Please let me know if it works for you or not….

and if you are happy..let me buy a coffee..

Regards
Om

50. Reply →
LMK says:
July 25, 2011 at 1:47 pm
Hi Om,

I made a lots of changes in the theme based on your guidelines. Thanks for writing such a nice
article.

I’m facing below issues, can you please help me on this. Thanks in advance.
1. I reduced spacing between menu and blog post by modifying below code
#main {
clear: both;
overflow: hidden;
padding: 20px 0 0 0; // originally it was 40 px
}
This is working fine
http://homeremediesforyou.com/blog/

but when clicked on blog post it still shows wider gap between menu and post, which part of the
css code need to be modified to reduce the gap?
http://homeremediesforyou.com/blog/2011/07/23/hello-world/

2. When I changed font for the blog post to verdana it is not working but when set to Arial it
works, any idea why?

#content, #content input, #content textarea {

40 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
color: #333;
font-family: Arial; //Verdana is not working when set here
font-size: 16px;
line-height: 24px;
text-align: justify;
}

Thank.

1. Reply →
ALLABOUTBASIC says:
July 25, 2011 at 2:53 pm
Hi,

For Problem 1 try this

.paged #nav-above, .single #nav-above {

display: none;
}

Problem 2:

would you mind to try this

#content p, #content ul, #content ol, #content dd, #content pre, #content hr {
font-family: verdana;
margin-bottom: 24px;
}

Please let me know it works or not..

Also.. please use your own name in the comments box…

Regards
Om

1. Reply →
LISA says:
July 27, 2011 at 5:14 am
Thanks Om!

both tips works very fine. font of post looks litter bigger, how to reduce font size?

also can you please help on creating menu bar and footer similar to that is there in primary
domain. http://homeremediesforyou.com
(putting black and green line below menu bar etc)
2.
ALLABOUTBASIC says:
July 27, 2011 at 5:29 am
Hi Lisa..
for your blog post content try the following code and let me know..

#content p, #content ul, #content ol, #content dd, #content pre, #content hr {
font-family: verdana;
font-size: 16px;
41 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
margin-bottom: 24px;
}

** For the menu bar… would u mind to add me in skype? om2000_cuet is my id

Regards
Om
3.
LISA says:
July 28, 2011 at 10:41 am
Thanks again Om! post content font is also working fine. I’m able to add line below menu
bar but would like to add one more 4px line below that; also there is white space on both
the sides of menu and footer, how to fill that?

It might to difficult to setup time for the chat but you can mail me on the email associated
with this comment.

Thanks you very much for all your kind support.

4.
ALLABOUTBASIC says:
July 28, 2011 at 11:04 am
Hi Lisa….

For the gap/space try the following code . in my previous response the answer was not
full….

#wrapper {
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-size: auto auto;
background-attachment: scroll;
background-color: #FFFFFF;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
}

#access .menu-header, div.menu {

font-size: 13px;
margin-left: 0;
width: 928px;
}

Also… for the additional 4px line

It needs to modify the php files to add this…thats why i asked you for the skype..

Regards
Om

42 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
5.
LISA says:
August 3, 2011 at 1:53 pm
Thanks Om, sorry for late reply. both the tips works but how to make width of main area to
980px so that it will match with the main sites pages. I tried changing at below place but
width increases but menu line remains same, I’m also not sure at how many other places I
need to take care of widths, like menu, sidebar etc.
#wrapper {
margin: 0 auto;
width: 940px; ///changed to 980px
}

regarding 4 px line below menu bar can you please send me a mail or just explain in which
php file I need to add hr tag.

Thanks a lot for helping me out.

6.
ALLABOUTBASIC says:
August 3, 2011 at 4:07 pm
Hi Lisa….
Would u mind to share me the link or page which you want to make wider to 980 px.?
I think you better skype me as to check your php files i will need something more…

Regards
Om
2.
LISA says:
August 4, 2011 at 4:05 am
Hi Om, sorry, I never used skype. for chat normally I use gmail chat, we can sync up there.

I mentioned about the width of the blog to 980px, I already did this change, by modifying
below line
#wrapper {
margin: 0 auto;
width: 940px; ///changed to 980px
}

you can see on my blog but would like to know if there are any other places where I need to
modify widths like, menu, sidebar etc because of this change.

The line below menu bar is not extended till end, how to extend it till end?

also I would like to have padding of 10px (white space) before “Ailments” on menu bar when
we do mouse over. How to fix this?

Thanks,

1. Reply →
ALLABOUTBASIC says:
August 4, 2011 at 4:48 am
Hi Lisa
I think you are searching for this. would you mind to try this and let me know this code
works for you or not?
**It will increase your content area width.

43 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
#content {
margin-left: 20px;
margin-right: 235px;
margin-top: 0;
}

Regards
Om
51.
MILES HOGAN says:
July 28, 2011 at 7:38 pm
Hi Om, I modified my blog using your helpful instructions but I’m hoping you can me modify it a
little more. I would like my wordpress blog (http://www.hoganwood.com/blog/) to have the
same header and look as other pages on my website (http://www.hoganwood.com
/ourdryingracks.html).

I have tried using a header which incorporates “Hogan Wood Drying Racks and A simple way to
reduce your footprint” with the background image but the background image in the header and
the “real” background image don’t line up so it doesn’t look good.

The only way I can think to solve this is to change the opacity of the header so the background
image is visible. Then upload a header image with “Hogan Wood Drying Racks and A simple
way to reduce your footprint” and my logo. I have tried this but the background of the header is
white.

Any suggestions?

Best regards,

Miles

1. Reply →
ALLABOUTBASIC says:
July 28, 2011 at 8:07 pm
Hi Miles
Try the following code and let me know it works for your or not..

#branding {
background-image: url(“http://www.everythingregarding.com/wp-content/uploads
/2011/07/hj.png”);
opacity: 2;
}

#branding {
border-top: 0 solid #BBBBBB;
padding-bottom: 10px;
position: relative;
z-index: 2;
}

#site-title a {
color: white;
font-size: 30px;
font-weight: bold;

44 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
line-height: 36px;
text-decoration: none;
}

#site-description {
color: white;
font-size: 14px;
font-weight: bold;
margin: 0 270px 1.65625em 0;
}

Regards
Om

1. Reply →
MILES says:
July 29, 2011 at 7:00 am
Hi Om, I placed it in a child theme and it didn’t work. You can see the results at the
webpage I provided previously. Any other thoughts?

Best regards,

Miles
2.
ALLABOUTBASIC says:
July 29, 2011 at 8:05 am
Hi Miles..
would you mind to paste the code at the bottom of the style.css in your parent thme ?

Regards
Om
52.
MILES says:
July 30, 2011 at 6:06 am
Thanks Om, I re-installed Word Press and inserted the code at the bottom of the parent. No luck.

I will move from Word Press if it can’t be modified to fit my needs and I did test with iframe and
it looked good but I understand it doesn’t help SEO.

Any other suggestions?

Best regards,

Miles

1. Reply →
ALLABOUTBASIC says:
July 30, 2011 at 6:43 am
Hi Miles..would you mind to add me in skype?

om2000_cuet is my id..

Regards
Om

45 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...

1. Reply →
MILES says:
August 3, 2011 at 5:18 pm
Hi Om, I’m on holiday at the moment but I’ll be back next week at which time I hope we
can skype.

Thanks,

Miles
2.
ALLABOUTBASIC says:
August 3, 2011 at 5:22 pm
Hi Mike…
Enjoy your holiday.. don’t worry you will always get me here .

Regards
Om
53.
ADAM says:
August 12, 2011 at 2:52 am
I am using a twentyten-child and need help to make the footer center Justified. I have tried
several changes but nothing has worked. I appreciate if you can make some recommendations.

Thanks
Adam

1. Reply →
ALLABOUTBASIC says:
August 13, 2011 at 12:48 am
HI Adam
Sorry for the late in reply.. Pls Share me your website address so that i can check it..

REgards
Om

1. Reply →
ADAMSHEK says:
August 13, 2011 at 12:15 pm
Thanks for getting back to me here is the website.

http://www.adametrix.net

Thanks
Adam
2.
ALLABOUTBASIC says:
August 13, 2011 at 2:16 pm
Hi Adam….
I think, you already have added the site info in the footer site… better you add me in skype
as i need some details to make it center align..
Regards
Om
54.
JAYMZ BEE says:

46 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
August 12, 2011 at 6:32 am
How can I edit the CSS in the Twenty Ten theme so that when I format text in my blog posts to
‘Heading 2’ and ‘Heading 3’ they don’t change font. In other words I’d like my H2 and H3 fonts
to be the same as the regular font for posts?

Massive thanks,

James.

1. Reply →
ALLABOUTBASIC says:
August 13, 2011 at 12:45 am
HI Jaymz.
sorry for the late in reply… Just go to “Appearance–>Editor” there you will get the style.css

Regards
Om

1. Reply →
JAYMZ BEE says:
August 13, 2011 at 6:51 am
Thanks Om,

I’m able to access the Style.CSS ok but I’m not sure what/where code to edit the font for
the H2/H3 tags?

Cheers! j.
2.
ALLABOUTBASIC says:
August 13, 2011 at 7:53 am
HI Jay…
Share me your website URL. I will give you the code.
Regards
Om
55.
JAYMZ BEE says:
August 13, 2011 at 7:58 am
Thankyou,

it’s http://www.soundsbetterwithreverb.com/

Cheers, j.

1. Reply →
ALLABOUTBASIC says:
August 13, 2011 at 8:07 am
Hi Jay..
Here is the code..

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
color: #000000;
font-family: times New Roman;
line-height: 1.5em;
}

47 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
You need to paste the code at the bottom of style.css..but it would better if you cleared me
which H1 or H2 you want to change.. as the code i am giving you may not work if it it
overriding by other code.

Regards
Om

56. Reply →
JAYMZ BEE says:
August 13, 2011 at 8:18 am
Thanks Om,

Do you mean you’re not sure what text I’d like to change? On my posts, the first paragraph is
formatted as a H3 tag (you will see text is big). The last paragraph is formatted as a H2 tag (text is
really big). I’d like these tagged paragraphs to appear in the same font size as the body of the
post. I’m obviously using the H2/H3 tags to improve SEO. Sorry if I’m making this confusing!

Cheers, j.

1. Reply →
ALLABOUTBASIC says:
August 13, 2011 at 8:30 am
HI Jay…
Would you mind to try this code and let me know it works for you or not..

h1, h2, h3, h4, h5, h6 {

clear: both;
font-family: Georgia,”Bitstream Charter”,serif;
font-size: 16px;
font-weight: normal;
}

Regards
Om

57. Reply →
JAYMZ BEE says:
August 13, 2011 at 8:39 am
Wow Om – that worked!

You just made my night, thanks so much – you’re a CSS legend!

Thanks!! j.

1. Reply →
ALLABOUTBASIC says:
August 13, 2011 at 8:49 am

Thanks Jay..
Let me know if you face any css related problem…

Regards
Om

48 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...

58. Reply →
ADAMSHEK says:
August 13, 2011 at 3:22 pm
Please tell me your skype and I will make sure to add you.

Best
Adam

1. Reply →
ALLABOUTBASIC says:
August 13, 2011 at 4:54 pm
Hi Adam
om2000_cuet is my id…

Regards
Om

59. Reply →
ADAMSHEK says:
August 13, 2011 at 7:50 pm
Thank you I did add you to my skype, please let me know when you like to get connected.

Regards
Adam

60. Reply →
DANIAL says:
August 30, 2011 at 2:46 am
thanks a lot for the handy information. I really was confused about some of them before I
founded this topic.

but I still have an issue and I can’t arrange it. How can I push the primary widget a little bit
downer?

I also want to have a border around them. I insert the code of border but the ‘enumeration’ is not
included. I mean I can’t get the enumeration inside the border. can anyone help?

1. Reply →
ALLABOUTBASIC says:
August 30, 2011 at 2:57 am
HI Danial..
Paste the following code at the bottom of style.css and let me know it works for you or not.

#primary, #secondary {
border: 3px solid green;
float: right;
margin-top: 13px;
overflow: hidden;
width: 220px;
}

Regards
Om

49 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...

61. Reply →
KASEY says:
September 5, 2011 at 11:54 pm
Hi Im hoping you can help me. I am a complete amateur at coding so I hope you can answer
these questions.

The first the I need help with is how to have more space at the top of my header so that I can put
advertisements there.

The second thing is how do I make my sidebar bigger so that I can fit more content such as ads
and various plugins?

The third thing is how do I change the color and font of my post titles. Currently the titles are in
default black and the same default font. I want them in red and a better font!

Thanks so much for your help because I need it!

1. Reply →
ALLABOUTBASIC says:
September 6, 2011 at 2:03 am
Hi Kasey,

Here I have tried to answer your questions…..

1. You can manage more space at the top of your site header by modifying the php file
(header.php).
2. Paste the following code at the bottom of style.css to make your sidebar little bit bigger.. (pls
check it and let me know..)

#primary, #secondary {
float: right;
overflow-x: hidden;
overflow-y: hidden;
width: 240px;
}

3. To change your Post Title font color, font type and others try the following code..

.entry-title a:link, .entry-title a:visited {

color: red;
font-family: times New Roman;
font-size: 1.2em;
text-decoration: none;
}

Please let me know if they are Ok for you or not..

Om

62. Reply →
MICHAEL HAYES says:
September 15, 2011 at 3:51 pm
I’m changing the color is the style.css within editor with no changes to website?

}
50 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
#site-title a {
color: #47381f;
font-size: 30px;
font-weight: bold;
line-height: 36px;
text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
color: #C9DC74;
http://www.eastbaypillow.com

1. Reply →
ALLABOUTBASIC says:
September 15, 2011 at 4:29 pm
Hi Michael,

Would you mind to share me your website address?

pls let me know..

Om

1. Reply →
MICHAEL HAYES says:
September 16, 2011 at 1:24 pm
Sorry, Om it’s http://eastbaypillows.com I went to a color chart then entered in the area
indicated saved work. Confused. Thanks in advance
2.
ALLABOUTBASIC says:
September 16, 2011 at 2:00 pm
HI Michael
Your site is showing database error…

Also, would u mind to clear me what changes you want?

Regards
Om
63.
MICHAEL HAYES says:
September 16, 2011 at 3:32 pm
Om, I’m trying to change the color of the titile and tag, also change page title font and color. Hope
that makes sense. Thank you again for the help!

1. Reply →
ALLABOUTBASIC says:
September 16, 2011 at 6:09 pm
Hi Michael

For Page Title font and color change…try the following code (paste them at the bottom of style
sheet)

.singular .entry-title {

51 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
color: red;
font-family: tahoma;
font-size: 36px;
font-weight: bold;
line-height: 48px;
}

Also, site title color

#site-title a {
color: #47381F;
font-family: tahoma;
font-size: 30px;
font-weight: bold;
line-height: 36px;
text-decoration: none;
}

Pls let me know it is Ok or not..

Om

1. Reply →
MICHAEL HAYES says:
September 16, 2011 at 7:32 pm
Om …It worked, so if I want to change anything else, I need to make changes and add
them to the bottom of the style.css area?
2.
ALLABOUTBASIC says:
September 17, 2011 at 1:42 am
Hi Michael,
Good Morning…
Yes.. you need to add at the bottom of style.css or custom.css (if have)

Om
64.
MICHAEL HAYES says:
September 16, 2011 at 7:41 pm
SPoke to soon, Now Title on page is red??? Trying to remove now.

1. Reply →
ALLABOUTBASIC says:
September 17, 2011 at 1:43 am
Hi Michael
Yes, for temporary basis to show you i used red color as example

Om

65. Reply →
MICHAEL HAYES says:
September 16, 2011 at 7:47 pm
Fixed…..thank you for al the instructions, huge help!!!

Reply →

52 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
1.
ALLABOUTBASIC says:
September 17, 2011 at 1:44 am
HI Michael,

Thanks..just let me know if you have any css/wordpress related questions

Om

66. Reply →
MICHAEL HAYES says:
September 22, 2011 at 6:18 pm
Hey Michael hear again, need suggestion on page title size. I’ve done a bunch of changes since
last visited. http://www.eastbaypillows.com.

I tried this code without success. Need it little over half the size??
.entry-title a:link, .entry-title a:visited {
color: #000000;
font-size: 1.2em;
text-decoration: none;
}
Is this the right one? Thanks, I guess I need to buy you a coffee maker instead of a cup…

67. Reply →
MICHAEL HAYES says:
September 22, 2011 at 10:13 pm
Om. I figured out the Page Title size, but how about the space above the Page title? Can’t figure
that one out. http://www.eastbaypillows.com

1. Reply →
ALLABOUTBASIC says:
September 23, 2011 at 1:17 am
HI Michael,
Good Morning, would u mind to try the following code and check it works for your or not?

.singular.page .hentry {
padding: 1.5em 0 0;
}

Om

68. Reply →
MARKO ST. says:
October 7, 2011 at 6:33 am
Here’s my site http://www.sportskiobjekti.com
What lines in theme should I edit so the text on pages and posts don’t have so much space
between sentences?

1. Reply →
ALLABOUTBASIC says:
October 7, 2011 at 10:43 am
HI Morko…
Paste the following code at the bottom of your style sheet to give space between
sentence….and let me know it is Ok or not
53 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
#content p, #content ul, #content ol, #content dd, #content pre, #content hr {
line-height: 25px;
margin-bottom: 24px;
}

Regards
Om

1. Reply →
MARKO ST. says:
October 10, 2011 at 8:15 am
I still can make it work. You can see on front page, or the page titled “Kontakt” how big
space is between text lines. I’ve edited something and some of the text on the first page is
ok now, but the rest, under it, is still with lot of space between.
2.
ALLABOUTBASIC says:
October 11, 2011 at 10:13 am
Hi Marko…
sorry for my late response as i was not available for last 2 days..

please check the following code and let me know it is Ok or not..

#content p, #content ul, #content ol, #content dd, #content pre, #content hr {
margin-bottom: 13px;
}

Om
3.
MARKO ST. says:
October 11, 2011 at 10:56 am
sorry, I’m really new with all this. Where exactly to paste this code?
4.
ALLABOUTBASIC says:
October 11, 2011 at 11:26 am
HI Marko..

You have to paste the code at the bottom of style.css…

Regards
Om
5.
MARKO_ST says:
October 11, 2011 at 1:31 pm
it’s ok now. thanks. you helped me a lot.
69.
JOHNNY says:
October 12, 2011 at 3:58 pm
Ok I did some things to my website and I think I messed it up. I tried uninstalling the 2010 theme
and then reinstalling it but the css code did not revert to the original one. I am trying to make a
website and not a blog. I am trying to figure out how to change the blog background color to
something else other than black and am also trying to figure out how to get rid of that meta and
archives crap. The website is http://www.monsterponics.com I am a newbie and learning this as
I go.

54 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...

1. Reply →
ALLABOUTBASIC says:
October 13, 2011 at 2:28 am
Hi Johnny,
WOuld u mind to clear me your requirements specifically?

Regards
Om

70. Reply →
JOHNNY says:
October 17, 2011 at 4:52 pm
Ok I have been dabbling with it for a little bit, but am not sure how to change the blog
background from grey to white? I previously deleted all the sidebar.php files but then put them
back in to see if that would make a difference, but it hasnt. I previously changed the blog
background color to grey, but now want to change it to white or something else.

1. Reply →
ALLABOUTBASIC says:
October 17, 2011 at 6:05 pm
Hi Johnny,
sorry for my late response… Would u mind to share me your site URL , and your problem
again?

Regards
Om

71. Reply →
JOHNNY says:
October 17, 2011 at 5:35 pm
I dont even know how to reinstall it, it seems like the code I put in does not even work anymore
even when I try to revert back to the old default stuff.

72. Reply →
JOHNNY says:
October 17, 2011 at 8:44 pm
The URL is http://www.monsterponics.com

I had everything set up then I tried changing the site blog background to white and it didnt work.
I tried reinstalling everything and its still showing up grey, I would also like to change text color
and text size for the header tabs.

1. Reply →
ALLABOUTBASIC says:
October 18, 2011 at 1:50 am
HI Johnny,

Paste this code at the bottom of your style sheet.. it will make the Dark Green background to
white

#wrapper {
background-color: white;
}

55 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
Pls let me know it is Ok or not

Regards
Om

73. Reply →
MEE. says:
October 21, 2011 at 6:19 pm
Hi Om,

i was wondering if I could use your wise words to fix the following:

http://3neoneone.com

i would like to remove the secondary widget section from the home page. i want only the primary
widget on the home page and both primary and secondary on the blog page.

is that possible with css custom design?

thanks a lot for your help!

1. Reply →
ALLABOUTBASIC says:
October 24, 2011 at 4:08 am
Hi Mee,
Yes..both of your requirements can be filled up…

do you want it?

pls let me know..

Om

74. Reply →
MEE. says:
October 21, 2011 at 6:24 pm
Oh, also.. If you look below each post, you’ll find the tags and categories. i was wondering if I can
move the tags and categories to the top of the posts and leave the comment link under it. Can i do
that?

Thanks a lot!

1. Reply →
ALLABOUTBASIC says:
October 24, 2011 at 4:06 am
Hi Mee,
Sorry for my late response. i was not available for last few days..

**** Yes.. Categories and tags can be moved to the top just need to check the php files..

Regards
Om

75. Reply →
TONYTALLADINO says:

56 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
October 28, 2011 at 2:52 pm
Thanks for all the great info, I have a question about the Navigation/Menu bar. How can I put
adsense in the nav bar instead of links to pages?

1. Reply →
ALLABOUTBASIC says:
October 28, 2011 at 2:55 pm
Hi Tony,
Yes, you can do it.. need to modify the header.php to do..

Regards
Om

76. Reply →
TONY says:
October 28, 2011 at 3:16 pm
Thanks for the quick reply,I am pretty good at messing with the code what code would i need to
change /add.

1. Reply →
ALLABOUTBASIC says:
October 28, 2011 at 3:58 pm
Hi Tony,
Share me your website address and the adsense code…

Regards
Om

77. Reply →
DANIEL LABELLE says:
October 31, 2011 at 1:41 am
Hi, cannot remove header top black border and footer black border of Theme: Twenty Ten with
your codes.

Also I was wondering if I can remove all the white above my header, I want my header at the top
of the page without the spacing .

Thanks !

1. Reply →
ALLABOUTBASIC says:
October 31, 2011 at 9:13 am
HI Daniel Labelle,
You can remove the black border which is showing at the top of your header image in Twenty
Ten theme… Just paste the following code at the bottom of your style.css

#branding img {
border-bottom: medium none;
border-top: medium none;
clear: both;
display: block;
}

Also, If you want to remove the gap at the top of your site paste the following code

57 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
#wrapper {
background: none repeat scroll 0 0 #FFFFFF;
margin-top: 2px;
padding: 0 20px;
}

Regards
Om

78. Reply →
DANIEL LABELLE says:
November 1, 2011 at 12:34 am
Thanks works perfectly ! You saved me time, I’m sending you a coffee…

1. Reply →
ALLABOUTBASIC says:
November 1, 2011 at 1:54 am
Wow..
thanks for the Coffee Daniel

Regards
Om

79. Reply →
DANIEL LABELLE says:
November 1, 2011 at 4:18 am
Hi, A Question Adding this coded to the style.css remove my site title and the other code my site
description, i’m not sure if the search engines can see my site or blogs title after the modifications.
Is it just hide ?….

#site-title {
display: none;
float: left;
font-size: 30px;
line-height: 36px;
margin-bottom: 18px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
width: 700px;
}

#site-description {
display: none;
clear: right;
color: #000000;
float: right;
font-style: bold;
margin: 15px 0 18px;
width: 220px;
}

Thanks,

58 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
Daniel

1. Reply →
ALLABOUTBASIC says:
November 1, 2011 at 4:35 am
Hi Daniel,
Yes..it is not showing due to this code, i think google will not count it as it is not visible in your
site. Google is smarter.

Regards
Om

80. Reply →
CELEBRITYCHEFCHALLENGE says:
November 1, 2011 at 6:04 pm
This is wonderful information. Can you please tell me how I can remove the “Theme: Twenty Ten
Blog at WordPress.com” from the lower right corner of the site?

Thank you!

1. Reply →
ALLABOUTBASIC says:
November 1, 2011 at 6:27 pm
Hi celebrityChef
Would u mind to share me your website address for checking?

Regards
Om

81. Reply →
NICOLA says:
November 24, 2011 at 9:33 pm
Hi,

How i can modify “sticky style title of the first sticked post ?” Now it’s RED for the title and Blue
for text; no goog for me

Thanks a lot anf have a nice day!!

Nicola

1. Reply →
ALLABOUTBASIC says:
November 25, 2011 at 7:29 am
Hi Nicola..
sorry for my late response…
would u mind to share me ur site link and the problem again?
regards
Om

82. Reply →
NICOLA says:
November 25, 2011 at 7:41 am
Hi Om,

59 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
Never mind! this is my web site http://www.sport2win.com ; If you notice , under the menu bar
there is a sticky post with red and blu font ; I’d like to change it or better remove it; When i put on
evidence two posts , the second one is much better because it’s well integrated with the theme
and has short story ; Is it possible to do the same thing with first sticky post?

Thanka s lot and sorry for my bad english

1. Reply →
ALLABOUTBASIC says:
November 25, 2011 at 7:51 am
Hi Nicola…
I think u r using a plugins relate to theme extension… which is not allowing u to show that
top read and blue sticky post..

Though your requirements is not clear to me…but i am giving u the code to remove it..

#post-923 {
display: none;
}

Regards
Om

1. Reply →
NICOLA says:
November 25, 2011 at 8:22 am
Thanks Om,

Yes, i’ve installed theme extensions for twenty eleven; I’ don’t know if this feature is
included in it or not; In Post “quick edit” i only put a tick on “put on evidence this post”
…. The problem is font color first and the second is that there is only the post title…

Is it more clear?

Thanks a lot again

2.
ALLABOUTBASIC says:
November 25, 2011 at 8:36 am
Hi Nicola..

To make that hidden post appear and to change the color u can try the following code

*** pase the following code at the bottom of moztheme2011.css in the following location.

http://www.sport2win.com/wp-content/plugins/twenty-eleven-theme-extensions
/moztheme2011.css

.moz-headline.sticky .headline-text {
color: black;
}

.moz-headline.sticky .entry-title a {
color: black;
font-size: 80%;
font-style: italic;
60 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
}

.moz-headline.sticky .entry-content, .moz-headline.sticky .entry-meta, .moz-headline.sticky

.entry-format, .moz-headline.sticky .comments-link {
display: block;
}

Regards
Om
83.
GERABILL says:
November 25, 2011 at 7:21 pm
Hello OM,
Thank you so much for helping us beginners customize our blogs. Your info on the 2010 theme
was terrific. I don’t know if I missed this, but can you please tell me how to get the search bar in
the navigation menu? I really like how it looks in the 2011 but I don;t want to change my theme at
this time.
Thanks again for your superb information!!
Geralyn

1. Reply →
ALLABOUTBASIC says:
November 26, 2011 at 5:44 pm
Hi Geralyn,
Just checked your site… sorry for my late reply. you have already fixed this issue..right?

Regards
Om

1. Reply →
GERALYN KNEGENDORF says:
December 2, 2011 at 5:30 pm
Hi Om,
Thank you for your reply. I have not fixed this issue. If you could please take a look at the
blog site unitedboomersofamerica.com/blog you will see there is no search bar in the
navigation menu. Like I said in my prior post, I am a newbie at this so I am still learning
how to manipulate my widgets and so forth. Any help would be greatly appreciated. We
are so lucky to have someone like you to turn to for WP support.
I loo forward to your response.
Thanks again!!
Geralyn
2.
ALLABOUTBASIC says:
December 3, 2011 at 2:15 am
Hi Geralyn,
Good Morning
Pls check the site http://2011.everythingregarding.com/ , here i have added the search
form in the navigation menu..

IF you are looking for this..then you need to modify your header.php file with some css
code to achieve this…

Pls let me know it is something you are looking for or not..as i will change the theme of
that site after your checking..
61 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
Regards
Om
3.
ALLABOUTBASIC says:
December 3, 2011 at 5:48 am
Hi Geralyn,
I am working on some other issue in http://2011.everythingregarding.com/ ( different
menu with different color and Same related color of Posts title)

So, pls check the following image, are u searching for that search form in navigation menu,
right?

Pls let me know..

Regards
Om
84.
NICOLA says:
November 26, 2011 at 4:07 pm
Hi Om!

sorry for my late reply but i’ve turned on my computer just now..

Your code works! great! Just one more thing: Is it possible to delete the center title? Or Better :
Transform it like other title news; moving it on the right?

Have a nice evening!!

Nicola

1. Reply →
ALLABOUTBASIC says:
November 26, 2011 at 5:51 pm
Hi Nicola,
try the following code to remove the centered title at the top

#post-923 .entry-title> a {
display: none;
}

Regards
OM

85. Reply →
PIERREVAISSIERE says:
November 27, 2011 at 10:29 am
Rarely have I seen so many simple explanations, clear and explicit. With great generosity. What a
pleasure! Bravo.

1. Reply →
ALLABOUTBASIC says:
November 27, 2011 at 4:10 pm
thanks for ur complements..

Om
62 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...

86. Reply →
OLENA says:
December 3, 2011 at 12:04 am
Is it possible to customize drop down for the archives?
The website I’m working on is dark and the white Archives drop down menu is standing out too
much. The drop down option I choose from the default option in archives.
Thank you
Olena

1. Reply →
ALLABOUTBASIC says:
December 3, 2011 at 2:17 am
Hi Olena,
Good Morning..
sorry, i am not clear about your requirements..
Would u mind to share me your site address and explain me your problem again?

Regards
Om

1. Reply →
OLENA says:
December 3, 2011 at 7:21 pm
http://www.academyofclassicaldesign.com/news/
2.
ALLABOUTBASIC says:
December 4, 2011 at 1:52 am
Hi Olena,
Would u mind to tell what do u want to do with that Archive drop down menu? What type
of customization you want?

Pls let me know..

Regards
Om
3.
OLENA says:
December 5, 2011 at 2:54 pm
Hello Om,
Sorry for not being clear.
I need to make the “white field” of the archives of drop down menu a darker color same as
Search box right now, change the drop down arrow to custom color on up and over and
change text inside of drop down menu to dark grey instead of black to match the site. I
have tried a bunch of ways, but still cant figure it out.
Thank you very much for looking in to it,
Olena
4.
ALLABOUTBASIC says:
December 7, 2011 at 1:45 am
HI Olena,
Sorry, i missed your comments…sorry for that..
**** To change your right sidebar’s drop down. pls check the following code

.widget-area select {
63 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
background-color: red; //to change drop down background color
color : white; //to change the font used in drop down..
}

Regards
Om
5.
OLENA says:
December 6, 2011 at 10:58 pm
Hello Om,
I was wondering if I was able to convey what I’m looking for?
I can put together image files to demonstrate exactly what I’m trying modify.
Please let me know if it can be helpful.
Thanks a bunch,
Olena
6.
ALLABOUTBASIC says:
December 7, 2011 at 1:47 am
Hi Olena,
sorry for the late..

I have replied your previous comments.. here is the code again

.widget-area select {
background-color: red; //to change drop down background color
color : white; //to change the font used in drop down..
}

Pls let me know if you have any confustion..

Regards
Om
7.
OLENA says:
December 7, 2011 at 1:41 pm
Hello Om,
Thank you very much for your help!!!!!!!!!!

It did the trick for the background, but the text is remaining black and I really would like to
change it to grey.

Is it any way to change the black outline around the drop down box to grey as well?

Also I was wondering if it is any way to control the colors of the button on the right side of
the drop down. Right now it is very light grey and on over it turns blue?

Thank you,
Olena
8.
ALLABOUTBASIC says:
December 7, 2011 at 5:15 pm
HI Olena,
Pls try this code… it should work..
64 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
.widget-area select {
color: grey;
}

ALso.. where is the button? i didnt see any button in the right side….would u mind to
clarify?

Om
9.
OLENA says:
December 10, 2011 at 1:11 am
Hello Om,
Thank you for the respond!!!!
Strange thing… The code will work only if I separately write it as shown below. It will not
change the color of the text any other way…?… but it works now, so I guess I’ll just let it be

.widget-area select {
color: grey;
}
.widget-area select {
background-color: red;
}

My other question was about small, square, looking down arrow button right next to
“Select month” I’m not sure how else to describe it I would like to change it to the
custom color if possible.

Also I was wondering if it would be possible to make the blue highlight color on the drop
down menu change to custom color?

Thanks a bunch for all the help!!!

Olena
10.
ALLABOUTBASIC says:
December 10, 2011 at 9:34 am
Hi Olena,
Have u added that drop down options manually?

Pls let me know.

Om
11.
OLENA says:
December 10, 2011 at 2:04 pm
I added the drop down through the options that WordPress provided for the archives.
12.
ALLABOUTBASIC says:
December 11, 2011 at 3:41 am
Hi Olena,
Umm…I have checked the hover color of that drop down menus..sorry..i cant help u for
this..

Regards

65 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
Om
87.
THERMAIKOS1977 says:
December 3, 2011 at 11:21 pm
Hi

Wow, great info! Thanks!

I was looking for a way how to change the font color in my blog post headings and came across
your tips. I did apply what you wrote under “Page Title/Entry Title font color” and it did work,
well: partially. The strange things is that the entry title color was only changed on the first page,
where only the first part of the blog post is displayed. When I click an entry title to see the full
post, the heading is again black…

Any answer??

Regards,
David

1. Reply →
ALLABOUTBASIC says:
December 4, 2011 at 1:59 am
Hi David,
What is your site’s URL?

Pls share me and let me see..

REgards
Om

1. Reply →
THERMAIKOS1977 says:
December 4, 2011 at 9:11 am
Hi Om

My site is http://www.davidaltmann.com

Thanks in advance for looking into it

David
2.
ALLABOUTBASIC says:
December 4, 2011 at 9:27 am
HI David,
WOudl u mind to try the following code and let me know it is ok or not

** the code will will change your full post’s site title color

#content .entry-title {
color: #183884;
}

Regards
Om

66 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
3.
THERMAIKOS1977 says:
December 4, 2011 at 9:31 am
Wait to go, Om! It worked!! Thanks a bunch

Regards,
David
4.
ALLABOUTBASIC says:
December 4, 2011 at 9:35 am
Thats great David,
If you have any question..regarding any theme’s (not only twenty ten) css change..let me
know..

Om
88.
THERMAIKOS1977 says:
December 4, 2011 at 11:08 am
Hey Om,

I actually do have another question (although now its twenty ELEVEN related): can I have as
default that every time I bold a text that this bolded text appears in a certain color?

Regards,
David

1. Reply →
ALLABOUTBASIC says:
December 4, 2011 at 11:14 am
Hi David,
Umm..sorry..i didnt understand what u r trying to say..
would u mind to clarify?

You want to give color to any specific(bolded) text?

Regards
Om

1. Reply →
THERMAIKOS1977 says:
December 4, 2011 at 11:19 am
Sure, sorry

When I write a blog post sometimes I highlight parts of the text by bolding it. I would like
to appear all bold text automatically in a certain color, in each article I write. So I was
wondering if it is possible to set a default for that somewhere in the style sheet, so that I
don’t have to adjust the color of bolded text manually all the time.

Does that make my question better understandable?

David
2.
ALLABOUTBASIC says:
December 4, 2011 at 11:22 am
67 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
Hi David,
yes, you can easily do the job by using some css rule…
Would u mind to share me the link of that page where u used that bolded text? Also.. let
me know which color u prefer for the bolded text…

I will share you the css code..

Regards
Om
3.
THERMAIKOS1977 says:
December 4, 2011 at 11:24 am
it’s http://www.kohlenydrate-tabellen.com
4.
ALLABOUTBASIC says:
December 4, 2011 at 11:27 am
Hi David,
Would u mind to check the link..it is not working..

Om..
5.
THERMAIKOS1977 says:
December 4, 2011 at 11:32 am
shoot, missed a letter

http://www.kohlenhydrate-tabellen.com

By the way: I am going through your list, trying to find where I can adjust ALL fonts in
ALL written text to Verdana. Is that possible? Or do I have to gho through each and every
instance where font family comes up in the CSS? The thing is that in the twenty eleven tips
you mention ‘font family’ but I can nowhere find that attribute in the twenty eleven style
sheet…
6.
ALLABOUTBASIC says:
December 4, 2011 at 11:36 am
Hi David,
If you want to change ur site’s overall font color you can do it from here

body {
font-family: verdana;
}

YOu can check it…

ALso..

in that given link http://www.kohlenhydrate-tabellen.com there is no bolded text which u

used and it is a new blog as i see..

Regards
Om
7.
THERMAIKOS1977 says:
December 4, 2011 at 11:44 am
Om
68 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
The issue is: I can’t find any ‘font family’ in the style sheet of twenty ELEVEN (sorry, I
know, this should better go under your twenty eleven post not under this twenty TEN
post)… I looked for the body attribute and found some, but not in connection with the font
family attribute. Even when I look only for the term font family I get an error message.
Strange. So I can’t change the font.

Regarding the site: yes, it’s indeed new. I am working on it now. As a different example
you can look at my other (German speaking) blog where I want to apply the same settings
regarding bolded text: http://www.davidaltmann.com/wettbewerbsbeobachtung-und-
marktforschung-mit-xing

David
8.
ALLABOUTBASIC says:
December 4, 2011 at 11:50 am
Hi David,
Just paste the code

body {
font-family: verdana;
}

at the bottom of theme’s (either it is twenty eleven or twenty ten ) style sheet (style.css)
and save it… the body font should change..

Also,

if you want to change the bolded text (dont use your manual change) paste the following
code at the bottom of style.css and check

strong
{
color:red;
}
9.
THERMAIKOS1977 says:
December 4, 2011 at 12:11 pm
Cool, Om! Will try immediately, but: when you say ‘bottom’ you mean at the very very
end, meaning after the very last }

Right?
10.
ALLABOUTBASIC says:
December 4, 2011 at 12:19 pm
Right David.. the code will go at the very bottom of style.css..

*** i am leaving from office after 15 minutes..will reply u back from home.. i will be
available after 4 hours from now..

Regards
Om
11.
THERMAIKOS1977 says:
69 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
December 4, 2011 at 12:21 pm
you have been a great help, Om. I will definitely recommend your site
12.
THERMAIKOS1977 says:
December 4, 2011 at 12:24 pm
Om

How does the color code #0066CC have to be applied as a color name? In your example
above you write ‘red’ but how is #0066CC called? Blue? Or can I still use the color code?

So many questions, but also so many great expert advise from you
13.
ALLABOUTBASIC says:
December 4, 2011 at 12:27 pm
Hi David,
Just use

color : #0066cc;

Regards
Om
14.
ALLABOUTBASIC says:
December 4, 2011 at 12:27 pm
For example

strong
{
color:#0066cc;
}
15.
ALLABOUTBASIC says:
December 4, 2011 at 12:00 pm
David
Pls let me know if u have any confustion..

Regards
Om
89.
THERMAIKOS1977 says:
December 4, 2011 at 12:28 pm
Aaaah, it all works!! Great!!!

Thanks so much Om!

Currently I am only trying to find out who I can disable the comment function on certain pages or
posts. Do you have a solution for that too??

1. Reply →
ALLABOUTBASIC says:
December 4, 2011 at 12:32 pm

70 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
Hi David,
there is a plugins called “No comments on pages” which will remove comments section from
all of your pages (not from posts).
You can try that..

will be back after 4 hours..

Regards
Om

1. Reply →
THERMAIKOS1977 says:
December 4, 2011 at 1:11 pm
When you’re back: is there a way to significantly decrease the empty space between the
tagline and the header at the very top?? This space is so big (at least in twenty ten and
twenty eleven) that it moves the content unnecessarily lower. I have already applied what
you wrote at the twenty eleven article about the blank space above the site title.
2.
ALLABOUTBASIC says:
December 4, 2011 at 4:14 pm
Hi David,
if you want to remove the empty space between your site description and top image in
twenty eleven theme try the following code..

#site-description {
margin: 0 270px 1.65625em 0;
}

Regards
Om
3.
THERMAIKOS1977 says:
December 4, 2011 at 6:51 pm
Hi Om

Thanks for the additional tip, so far everything worked out just fine

I came across another issue: I am tryingto create a blog post that contains more then 60.000
words (it’s a very long table with words and numbers). I saved the text also in a rtf file and
I see therefore that is has a bit less than 1MB in size. Well, when I copy the text into the WP
post and want to do a preview, I get the following error message:
Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 933160
bytes) in /home/XXXXXX/public_html/wp-includes/post.php on line 2554 (I exchanged
some info with XXXXX here). Any idea on how to solve this?

A second question would be: is it possible to link within this post? I mean: since the info is
very wide spread, I would like ot give the reader the option of a list at the very beginning
where with a click the reader will be automatically jump down to the spot s/he wants to
be, in order to avoid excessive scrolling.

Regards!
David

71 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
4.
ALLABOUTBASIC says:
December 5, 2011 at 2:26 am
Hi David,
Good morning..
It may be memory allocation problem which u r facing…
without checking i cant say anything about it..

Also.for your 2nd problem..

you can use Recent Posts widget in the sidebar to show the posts link in the sidebar for
your readers..

Om
5.
THERMAIKOS1977 says:
December 5, 2011 at 4:41 am
Hi Om

In the meantime the memory issues is solved. I contacted my hosting company and they
adjusted the memory in the php.ini file.

I am facing another serious challenge now: since the post I want to publish is very long
(70.000 words), the post remains blank after saving it. I have tried to save it as post and as a
page but the result stays always the same: a blank page…. I have tried splitting it up into
pieces, which works, but it’s just a second option and I’d prefer to publish the whole thing
instead of 10 different pieces. Is there any plugin or other solution about this? I have tried it
with twenty eleven as well as another theme (clear light blue), always the same issue
though.

David
6.
ALLABOUTBASIC says:
December 5, 2011 at 4:45 am
Hi David,
Do one thing..
PUblish the whole content (either in post or page) and share me the link of that
page/post..let me see..

Om
7.
THERMAIKOS1977 says:
December 5, 2011 at 5:18 am
Sure, Om.

See here: http://kohlenhydrate-tabellen.com/?page_id=16

The info should be in the page ‘Kohlenhydrate Tabellen’
8.
THERMAIKOS1977 says:
December 5, 2011 at 5:20 am
as you can see, I changed theme because of this issue, because if I have to split the post up
into different chapters then I need a theme that allows for sub-pages, which twenty eleven
doesn’t offer.
9.
ALLABOUTBASIC says:
December 5, 2011 at 5:25 am

72 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
Umm..Just check..
The content is missing somehow.. without checking it cant say anything..
If you are doing copy paste from ur word document to wordpress post…then check any
unwanted character or something is inserting or not..though the possibility is low..

Regards
Om
10.
THERMAIKOS1977 says:
December 5, 2011 at 9:50 pm
Hi Om

Thanks so much for all your support! Indeed there must have been a certain character or
command that WordPress didn’t like. I didn’t find out what exactly but that’s not so
important because in the end I was able to filter out the part that disturbed WordPress, so
that I am online now with my list: http://kohlenhydrate-tabellen.com/kohlenhydrate-
tabellen/

The only strange thing now is that when I want to do adjustments to that list is that I have
to work in the html view because if I choose the visual view then the whole tables get
messed up… well, I guess that’s the price I have to pay for being allowed to reuse this table
from a university and thus not having to collect all the data by myself…

One question for the time being: as you can see, the font is not Verdana. What code would I
have to enter in the html view of this page in order to adjust the font of all tables to
Verdana? I did adjust that in the style sheet but somehow this is overridden by the font of
the table.

Regards from Greece!

David

P.S.: I recommended your site strongly to my network and also to the big readership at
http://www.smartpassiveincome.com (a blog worth following, by the way )
11.
ALLABOUTBASIC says:
December 6, 2011 at 2:00 am
Hi David,
Good Morning..
Yes..you are right.. there is some html characters which may cause wordpress not to show
Posts or pages …

To change your table’s font you can try the css/html of the following html tag

” pre ” which is used to show your page’s tabular view..

Regards
Om
12.
THERMAIKOS1977 says:
December 8, 2011 at 8:25 am
Hi Om

I hope you’re doing fine.

I am not sure how I have to use this ” pre ” html tag… can you specify? Thanks!
73 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
Regards,
David
13.
ALLABOUTBASIC says:
December 8, 2011 at 8:55 am
Hi David,
normally you need to wrap the text in ” pre ” tag..

though i never used it before..

Regards
Om
14.
THERMAIKOS1977 says:
December 5, 2011 at 5:23 am
I also just published a ‘part_1’ of it, so you see how it should look like. but this is only lie 1
tenth of the info. http://kohlenhydrate-tabellen.com/?page_id=57
90.
SALMAN KV says:
December 17, 2011 at 5:10 pm
Thanks … I searched this things in google…. but most result says to create child theme,,, or shows
unwanted things…. Now I got, what I want…. Thanks alot ….

91. Reply →
FRED says:
December 19, 2011 at 5:01 pm
Good morning. I want to have same-day posts show up under a single date entry, but there
doesn’t seem top be an easy ‘toggle’ or ‘switch’ to do so…

Gotta hack?

1. Reply →
ALLABOUTBASIC says:
December 19, 2011 at 6:03 pm
Hi Fred,
Umm..sorry i didnt understand ur question…
would u mind to clarify?

*** it is late here ..i will reply u back tomorrow morning..

Om

1. Reply →
FRED says:
December 19, 2011 at 6:05 pm
Sorry about the time, and certainly no hurry. Let me clarify….

I want all posts for one day to only display a single date/time stamp; as it sits now the
latest ver of TwentyTen displays a date/time stamp for each post, same day or not…

Thanks.
2.
ALLABOUTBASIC says:
December 20, 2011 at 4:31 am
Hi Fred,
74 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
Good Morning..
would u mind to share me ur site URL to check

Om
92.
JAMES says:
January 1, 2012 at 8:15 am
Hi Om,

You were a great help to me previously, giving me code to default header text to standard text
i.e…

}
h1, h2, h3, h4, h5, h6 {
clear: both;
font-family: Georgia,”Bitstream Charter”,serif;
font-size: 16px;
font-weight: normal;
}

I’ve now changed to a different theme and have tried adding this code to the style sheet but I’m
having no luck. Can you help?

http://www.soundsbetterwithreverb.com

Many thanks,

James.

1. Reply →
ALLABOUTBASIC says:
January 1, 2012 at 8:41 am
Hi James..
to make changes in your theme’s post title try the following code

h4 a {
color: #181818;
font-size: 16px;
font-weight: bold;
}

h1,h2 is not used in your site’s front page..

Regards
Om

93. Reply →
KIRA@HERNEWLEAF says:
January 8, 2012 at 3:03 am
Thank you for writing such a thorough article – you have answered so many questions for me!

A problem I am having is that I adjusted the content area on my blog

(http://hernewleaf.wordpress.com) to 550px to allow for a larger sidebar – the code you
provided worked well, but when I try to widen the sidebar to anything larger than 240px, it falls
to the bottom of the page. I would love to have it be (at least) 300px wide. Perhaps it’s to do with
75 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
my content, not the code. Do you have any suggestions for trouble-shooting this problem?

I am also interested in adding a navigation bar below the header with an image as the
background, as opposed to a solid box of color. Do you know if this is possible?

Again, thank you SO MUCH! I have learned just as much reading through the comments as I did
on your original post. Thank you!

1. Reply →
ALLABOUTBASIC says:
January 8, 2012 at 6:27 am
Hi Kira,

thanks for ur comments..and sorry for the late reply..

Would u mind to try the following code.. it will help u to make ur sidebar 300px width..

pls let me know it works or not…

#container {
float: left;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
width: 640px;
}
div#content {
margin-left: 0;
margin-right: 0;
}
#primary, #secondary {
float: right;
width: 300px;
}
#main .widget-area ul {
margin-left: 0;
padding-bottom: 0;
padding-left: 20px;
padding-right: 0;
padding-top: 0;
}

Regards
Om

1. Reply →
KIRA @ HERNEWLEAF says:
January 8, 2012 at 6:37 am
Om, that worked beautifully! Thank you so much for getting back to me so quickly. I have
one more question if it’s not too much trouble:

The links on my blog are blue (or purple when visited), but I want to change them to a
dark gray, #333333. Could you help me out with the code for that?

76 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
Thank you!
2.
ALLABOUTBASIC says:
January 8, 2012 at 6:44 am
Hi Kira,
Pls check this code

a:link {
color: #333333;
}

Also..pls check ur site with different browser.. as due to increase of width different browser
may render it differently..

Regards
Om
3.
KIRA @ HERNEWLEAF says:
January 8, 2012 at 6:47 am
Thanks so much! I will be referring my readers and friends to your great site!
4.
ALLABOUTBASIC says:
January 8, 2012 at 6:48 am
Thanks a lot Kira..
and let me know if u have any issue..

Om
5.
KIRA @ HERNEWLEAF says:
January 8, 2012 at 7:00 am
One last question – my visited links are still appearing purple – is there something to add
to the link tag to change this?

Thanks!
6.
ALLABOUTBASIC says:
January 8, 2012 at 7:11 am
Hi Kira,
I think u r searching this code

a:visited {
color: #333333;
}

Om
94.
KIRA @ HERNEWLEAF says:
January 15, 2012 at 5:55 am
Hi Om! Thanks for all your help last week, my blog looks great! (http://hernewleaf.com)

I was wondering if you could help me change the bullet style on my blog? The theme has square
bullets but I prefer round (disc) bullets. Any ideas?

Thanks again!

77 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...

1. Reply →
ALLABOUTBASIC says:
January 15, 2012 at 6:04 am
Hi Kira,
would u mind to try the following code

.widget-area ul ul {
list-style-type: disc;
}

pls let me know it is ok or not..

Om

1. Reply →
KIRA @ HERNEWLEAF says:
January 15, 2012 at 6:22 am
Looks perfect! Thanks again, Om!
2.
ALLABOUTBASIC says:
January 15, 2012 at 6:24 am
Nice to know Kira..

95.
TIFFANY N. YORK says:
January 24, 2012 at 10:32 pm
I just created a new website with wordpress and am trying to change the color and font size of my
site title and site description. I went into style.css and changed the color to red (FF0000) and tried
to increase the size. It appeared to have updated my changes, but when I checked my home page,
nothing had changed.

I am using 2010, and HostGator. Perhaps I need to do it through my c-panel with HostGator,
instead. I’ve been banging my head against the wall with this problem all weekend! Please help.
I’m such a non-techie…

1. Reply →
ALLABOUTBASIC says:
January 25, 2012 at 5:30 am
Hi Tiffany N. York

are u using child theme of 2010?

and..have u saved the code u added in style.css perfectly?

pls let me know..

Om

1. Reply →
TIFFANY N. YORK says:
January 25, 2012 at 5:27 pm
I am NOT using child theme. Hmmm, maybe that means the basic template of 2010 stands
as is. Should I be using that instead if I want to make changes?

As for saving the code, I’m just hitting the button at the bottom of the page that updates
78 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
the changes.

Thanks for responding.

Tiffany
2.
ALLABOUTBASIC says:
January 26, 2012 at 3:41 am
Hi Tiffany N. York
The code will go at the bottom of style.css.

Using child theme is better..

Om
3.
TIFFANY N. YORK says:
January 26, 2012 at 4:46 am
Ok. Thanks so much for clearing that up for me!
96.
JEROEN says:
January 28, 2012 at 10:57 am
Hi there,

I’ve been trying and surfing the net for answers, but still without luck

Do you know how I can create a page with 10 lines of text that will not change (static) followed by
an overview of lets say 30 posts. I want to create that for several pages on my site.

Hope anyone has some tips & tricks for me.

Cheers, JA

1. Reply →
ALLABOUTBASIC says:
January 28, 2012 at 11:03 am
Hi Jeron..
Yes.. u can create it by using page template.

where the page content will be shown in the top..and below of that page some posts of specific
category can be shown..

i think u r searching for this type of something..right?

Om

1. Reply →
JEROEN says:
January 30, 2012 at 9:25 am
Hi Om,

yes that’s what I’m looking for, but I don’t manage to get the format I want.

cheers, Jeroen
2.
ALLABOUTBASIC says:
January 30, 2012 at 9:32 am

79 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
HI jeroen
yes… you need to create page template to achieve your requirements..

Om
97.
TIFFANY N. YORK says:
January 28, 2012 at 6:19 pm
Ok, it’s me again. I’m ready to bash my head against a wall.

I am trying to upload a photo of myself into my About me page and it won’t let me. I added the
plugin and still nothing. Do I have to resize it? It’s just a photo from a regular camera.

I downloaded Photoscape, but am not sure if I can use it to make my photo uploadable.

Help!

1. Reply →
ALLABOUTBASIC says:
January 29, 2012 at 7:33 am
HI Tiffany N. York
is ur image size is much more than the allowable size of upload?

i think u may need to increase ur maximum upload size in wordpress..

Om

1. Reply →
TIFFANY N. YORK says:
January 29, 2012 at 5:27 pm
Ok, I’ll check on that. Thanks!!
98.
KIRA @ HERNEWLEAF says:
January 30, 2012 at 8:32 pm
Hello again! I would love some help editing the menu below my header. I want the background
to be gray (#cccccc) and the links to be white (#ffffff). I would also like to be able to change the
font of the links to a sans serif font.

Thank you!

1. Reply →
ALLABOUTBASIC says:
January 31, 2012 at 2:07 pm
Hi Kira..
in which site you are working now?

pls let me know..

Om

1. Reply →
KIRA @ HERNEWLEAF says:
January 31, 2012 at 4:53 pm
hernewleaf.com
2.
ALLABOUTBASIC says:

80 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
February 1, 2012 at 10:54 am
Hi Kira,
pls try the following code

#access {
background: none repeat scroll 0 0 #CCCCCC;
display: block;
float: left;
margin: 0 auto;
width: 940px;
}

#access a {
color: white;
display: block;
line-height: 38px;
padding: 0 10px;
text-decoration: none;
}

Pls let me know it works or not

Om
99.
THELEGALMUSE says:
February 10, 2012 at 4:20 am
Hi there. I am new to wordpress. I am trying to delete the “Theme: Twenty Eleven | Blog at
WordPress.com. Fonts on this blog” in the footer. What code should I use?

Many thanks!

1. Reply →
ALLABOUTBASIC says:
February 10, 2012 at 6:35 am
Hi thelegalmuse
pls share me ur site address..

Om

100. Reply →
MICHAEL HAYES says:
February 10, 2012 at 2:24 pm
Om,
I have installed the Twenty Eleven theme, appears to look the same as Twenty Ten, I’m looking to
eliminate the Header and remove the search bar on top, then adjust the padding to snug the
banner to the top of page, CAN you help….I’ll buy more than a coffee….
http://www.powerhousegymhhi.com

1. Reply →
ALLABOUTBASIC says:
February 10, 2012 at 2:55 pm
Hi Michael Hayes
Pls try the following code

81 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
#page {
margin: 0 auto;

}
#branding hgroup {
display: none;

Regards
Om

1. Reply →
MICHAEL HAYES says:
February 10, 2012 at 2:59 pm
Which one should I put the code under….and I assume just at the bottom of editor script.

RTL Stylesheet
(rtl.css)
Stylesheet
(style.css)
Visual Editor RTL Stylesheet
(editor-style-rtl.css)
Visual Editor Stylesheet
(editor-style.css)

I think it’s style.css which I think I did 8 months ago when working with this theme…
thanks
2.
ALLABOUTBASIC says:
February 10, 2012 at 3:00 pm
Hi Michael Hayes

Yes.. the code will go just at the end of style.css

pls let me know if u have any confusion..

Om
101.
MICHAEL HAYES says:
February 10, 2012 at 4:28 pm
I inserted code at the end of my style.css and hit save, and the search area at top and title to page
is still there…..added
#page {
margin: 0 auto;

}
#branding hgroup {
display: none;

}
and
li#search {
display: none;

82 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
}

1. Reply →
ALLABOUTBASIC says:
February 10, 2012 at 4:41 pm
Hi Michael Hayes
i visited ur site http://www.powerhousegymhhi.com/ and found my code works… the
header and searchbar is not there..

would u mind to clear ur browser cache and check again?

Om

1. Reply →
MICHAEL HAYES says:
February 10, 2012 at 4:46 pm
OK, it’s gone thank you, lok again and you can see the little search box in the right side of
banner… http://powerhousegymhhi.com BTW – You ROCK!!!! I’ve never used that
expression before until now….
2.
ALLABOUTBASIC says:
February 10, 2012 at 4:49 pm
Hi Michael

thanks for the coffee…

would u mind to check the following css code to remove the search bar from the top

#branding #searchform {
display: none;
}

Om
102.
MICHAEL HAYES says:
February 10, 2012 at 4:42 pm
Just made a donation to the coffee budget, you give so much value I thought I would give you a
weeks worth of coffee….smiling….

103. Reply →
MICHAEL HAYES says:
February 10, 2012 at 4:53 pm
OM, AWESOME, you just saved me a ton of time, the Title and search gone, and love how the
banner it spaced at the top….Your’re the BEST!!!! If I have any other questions, I’ll come back and
ask and get you more coffee…..smiling….

1. Reply →
ALLABOUTBASIC says:
February 10, 2012 at 4:57 pm
Sure Michael..

Om

83 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...

104. Reply →
MICHAEL HAYES says:
February 10, 2012 at 5:08 pm
OK Om, one more for the day, then done…my Page titles, I want gone….and eliminate the space
between content on page and menu bar…I guess I’m heading back to the donate bucket earlier
than planned…..

1. Reply →
ALLABOUTBASIC says:
February 10, 2012 at 5:14 pm
Hi Michael..
i think u r searching for this

.page .entry-header {
display: none;
}
.page .entry-content {
padding-top: 0;
}

this code will work for all pages.. pls let me know it is ok or not

Om

1. Reply →
MICHAEL HAYES says:
February 10, 2012 at 5:18 pm
Beautiful!!! OK, taking a break, moving onto another clients site (different theme) I got ya
another pot of coffee….smiling….be back next week if needed….THANK YOU again!!!!!!!
2.
ALLABOUTBASIC says:
February 10, 2012 at 5:20 pm
Ok Michael..
any theme, if u need help.. let me know..i will do my level best upto my knowledge..
Good night for now
Om
105.
NO. says:
February 14, 2012 at 8:16 pm
Great, no info on how to change the menu font styling. What’s the point of that, then?

1. Reply →
ALLABOUTBASIC says:
February 15, 2012 at 2:40 am
HI No,
Pls share me ur website URL to check…

Om

106. Reply →
KATHIJABANU says:
February 26, 2012 at 8:47 am
hello,
I want to place google adsense ads below or left side of every post.I have self hosted wordpress
84 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
site.please help me.

1. Reply →
ALLABOUTBASIC says:
February 26, 2012 at 5:33 pm
Hi Khatija..
if u r using wordpress.com self hosted site..then u will not be able to use your own google
adsense code..

Om

107. Reply →
JMBTEMPEST says:
March 5, 2012 at 8:03 pm
Great post. Thanks for all the information.

How do i modify the menu in Twenty Eleven?

Example:
Have this:
Home Products Services About
Want this: (Right justify About)
Home Products Services About

I want to be able to control each menu item.

JB

1. Reply →
ALLABOUTBASIC says:
March 6, 2012 at 1:18 pm
Hi JB,
pls share me ur site URL

Om

1. Reply →
JMPTEMPEST says:
March 6, 2012 at 11:38 pm
Sure. Here it is Om. johnborsch.com.

I would like to be able to move “Experience” & “LinkedIn” to the right and leave “Home”
and “Posts” to the left.

JB
2.
ALLABOUTBASIC says:
March 7, 2012 at 1:43 pm
Hi JB
just checked ur site…
would u mind to clarify ur problem again? where do u wat to show ur menus? in the right?

pls let me know..

Om

85 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
3.
JMPTEMPEST says:
March 7, 2012 at 10:45 pm
Om

Thanks for looking. I would like the LinkedIn Menu item to be all the way to the right.
Only the LinkedIn item. The other three I want where they are.

John
4.
ALLABOUTBASIC says:
March 8, 2012 at 2:06 pm
HI John,
try the following code

li#menu-item-166 {
float: right !important;
}

Om
5.
JMPTEMPEST says:
March 8, 2012 at 11:29 pm
Om, you are the best. Thank you. Could you please explain the code to me. How did you
determine the item number?

John
6.
ALLABOUTBASIC says:
March 9, 2012 at 2:33 am
HI John,
thanks… actually every menu item generates id automatically..i just checked it and
implemented the code..

Om
108.
MICHAEL HAYES says:
March 10, 2012 at 4:29 am
Om…I’m back for a tip. How can I reduce the space on first page from Menu bar and content on
page? http://www.askalocalhhi.com

1. Reply →
ALLABOUTBASIC says:
March 10, 2012 at 7:47 am
HI Michael..
pls try the following code

#main {
padding: 0;
}

.singular.page .hentry {
padding: 9px 0 0;
}

Regards
86 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
Om

109. Reply →
MICHAEL HAYES says:
March 10, 2012 at 11:28 am
Om, your the best! Do you ever sleep? One more…and I bought you coffee Saturday morning…

The overall width or padding right to left on blog I’d like to make that wider to accomodate 3
images across half way down. http://www.askalocalhhi.com .

1. Reply →
ALLABOUTBASIC says:
March 10, 2012 at 11:36 am
Hi Michael..
are u talking about the padding of Content section?

1. Reply →
MICHAEL HAYES says:
March 10, 2012 at 11:59 am
Yes…If you look at offers halfway down, I’m trying to widen content area to accomodate 3
photos wide.
2.
ALLABOUTBASIC says:
March 10, 2012 at 12:02 pm
HI Michael..
would u mind to try the following code

.page .entry-content {
width: 74%;
}

pls let me know it is Ok or not..

Om
110.
MICHAEL HAYES says:
March 10, 2012 at 12:08 pm
WOW, again awesome. I’m assuming I can play with that % number to widen it further if I want.
I don’t want to go to wide where it looks weird….Enjoy the coffee, I’m heading to the gym, then
coffee. Lost 25 pounds since Feb 1st this year….Again, THANK YOU!!!!!!!

1. Reply →
ALLABOUTBASIC says:
March 10, 2012 at 12:23 pm
Hi Michael..
wow..thats great…
and thanks for the coffee..
if u have any problem in future..just share me here in the comments section.. i will try my level
best to reply asap…

Om

111. Reply →
APHOTOGIRL says:

87 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
March 25, 2012 at 2:00 am
Thank you so much for all of the info here. It has been really helpful. But I still have a problem,
actually two problems within the 2011 theme.
First, i have replaced my home page with a splash page (with a .swf file). I have a function time
that sends the index page to the first page of the site, home. Now having said that:
I also replaced the site title with an logo image and now it is no longer clickable to return to the
home page. And now that the index is actually a splash page when a visitor would click on the
featured image, it returns them to the splash page en lieu of the actual home page.
I hope that is not too confusing. I am working on a redo of this site for a class project and I am just
really stuck. I am familiar with php, but apparently not as familiar as I should be.
Here’s the site: ebisusushisd.com/v2. It’s a work in progress.

1. Reply →
ALLABOUTBASIC says:
March 25, 2012 at 2:38 pm
Hi Aphotogirl..
umm.. would u mind to add me in skype for better conversation pls?

Om

112. Reply →
RMHAYES says:
April 5, 2012 at 3:19 am
Om, just stopping by for a visit. I found my answer above. How about a coffee!

1. Reply →
ALLABOUTBASIC says:
April 5, 2012 at 3:32 pm
Thanks a lot for the Coffee Michael..

Om

113. Reply →
JOSEPHINE says:
April 14, 2012 at 1:24 pm
Hello, is it possible to upload a new font into the Twenty Ten theme? I downloaded a “hand-
written” font from the internet, but now I want to use it on a webpage. If it’s possible, how can I
do this best, ’cause I’m not that good with CSS.

Thanks and regards,

Josephine

1. Reply →
ALLABOUTBASIC says:
April 14, 2012 at 1:37 pm
Hi Josephine..
if u want to use your own choiceable font it is possible…

*** not only css can help u for this.. which font u want to use?

Om

Reply →

88 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
114.
GABBY says:
April 15, 2012 at 12:28 pm
How can you ad a link button on your header?

Say: like ” get quote” button

Like a hot spot on your header. (link area)

Thanks
Gabby

1. Reply →
ALLABOUTBASIC says:
April 15, 2012 at 4:16 pm
HI Gabby,
for this u need to modify ur header.php and also need to use some css for the positioning..

Om

115. Reply →
SOEPDIEET says:
November 15, 2012 at 1:32 am
Is it possible to embed video’s from sources like youtube?

1. Reply →
ALLABOUTBASIC says:
November 15, 2012 at 1:10 pm
Hi,
yes it is possible…just paste ur youtube video iframe code (in ur visual editor’s html portion)
and it will be visible…

Regards
Om

116. Reply →
RMHAYES says:
November 29, 2012 at 2:49 am
Can you help with a different theme ThemeZee. Trying to remove Title on pages. I’ll buy a pot of
coffee. website http://lowcountrychimneysweeps.com Hope you can help. Good day!

1. Reply →
ALLABOUTBASIC says:
November 29, 2012 at 1:24 pm
Hi,
thanks for ur comments again… yes. i can help u to remove the titles from pages..
would u mind to check this code pls

.post .post-title {
display: none;
}

is that something u were asking for?

let me know pls

89 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
Om

117. Reply →
RMHAYES says:
November 29, 2012 at 2:06 pm
Entered code and closed window opened new window no changes. Page title “HOME” etc on
each page….just looks ugly.

1. Reply →
ALLABOUTBASIC says:
November 29, 2012 at 2:59 pm
Hi,
would u mind to tell where u pasted the code?

pls try this code

h2.page-title {
display: none !important;
}
let me know it works or not

Om

118. Reply →
RMHAYES says:
November 29, 2012 at 3:21 pm
Thank worked!

119. Reply →
RMHAYES says:
November 29, 2012 at 3:22 pm
Om That worked! Thank you. Follow up with coffee funds

1. Reply →
ALLABOUTBASIC says:
November 29, 2012 at 3:41 pm

thanks a lot…

if you have any other issue dont forget to let me know

Om

2. Reply →
ALLABOUTBASIC says:
November 30, 2012 at 10:43 am
Ok..Waiting for the coffee

120. Reply →
WILLIAM LUSE says:
January 2, 2013 at 10:43 am
Okay, I see that they are. Let me try again.

I hope it’s not too late to ask a question on this thread. I have an upgraded 2010 theme, and

90 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
though I know a fair amount of html and css, I find the css sheet and template system unusually
complex. Anyway, I’d like to modify a couple of things. After each entry title there is entry-meta,
and after the post there is another entry-meta (or perhaps it’s called post-meta). Above the post is
this: Posted on December 31, 2012 by My Name.

1. I’d like to get rid of the words “Posted on.”

2. I’d like to increase the spacing between the date, the word ‘by,’ and My Name.
3. to change the font style and family of any of that text at will. Especially I’d like My Name to be
in italics.
As to the second set of meta info, I’d like to get rid of “Posted in (whatever category) and leave
only the “Leave a comment.”

Any chance we can do this?

http://williamluse.net/Apologia

1. Reply →
ALLABOUTBASIC says:
January 2, 2013 at 1:39 pm
Hi WIlliam
thanks for ur comments…actually it is my blog hosted in wordpress.com

regarding ur issues

1. To remove the word “Posted On” from Twenty Ten

.meta-prep-author {
display: none !important;
}

2. To increase spacing between “Date”, “by” and your name

.entry-meta span {
padding-left: 6px;
}

3. Author name (your) to be Italic

.author a {
font-style: italic;
}

4. To Remove the Category Meta from footer

.entry-utility .cat-links,.entry-utility .meta-sep {

display: none;
}

Regards
Om

1. Reply →
WILLIAM LUSE says:
January 2, 2013 at 11:19 pm
Thanks very much. I’ll give it a try and tell you how it worked.
91 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
2.
WILLIAM LUSE says:
January 3, 2013 at 1:51 am
It all worked, like magic, and even enabled me to modify a few other things. A couple
more things, for which I will of course buy you a coffee.
1. I was able to transform the author’s name font style (in entry-meta), but not its size. I’d
like to increase it by at least one point, say from 12 (which is what I think it is now) to 14.
2. I’d like to put a border just below the post content ( 2px width, 50%length, color=navy)
and before the entry-utility.
3. And finally a hard rule or border after the entry-utility to separate one post from
another.

Thanks in advance.
3.
ALLABOUTBASIC says:
January 3, 2013 at 10:07 pm
Hi William

1. To change Author meta’s font size of Twenty Ten Theme use this

.author a {
font-size: 15px !important;
}

2. If you want to use border Just bottom of Content and before Entry-Utility

.entry-content {
border-bottom: 2px solid navy !important;
border-color: navy;
margin-bottom: 9px;
padding-bottom: 6px;
}

3. I think if u use issue 2… issue 3 not necessary…

let me know what u think

Om
4.
WILLIAM LUSE says:
January 4, 2013 at 4:10 am
Mostly it’s worked quite well. Your last suggestion didn’t give me quite what I wanted
with the borders, but a little tweaking and a hard code in a couple of templates did the
trick. You can see what it looks like here: http://williamluse.net/Apologia

The main thing I haven’t been able to figure out is that the font size of the site-title on the
author archive page (accessed by clicking on my name at the top of the post) has fallen
from its normal 30px to about 15 px, and so have the entry titles for each post. They seem
to have been overridden by this:

.author a {
font-family:Times New Roman;
font-size:15px !important;
font-style: none;
text-decoration: none;

92 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
}

However, that’s how you fixed the font-size of the author’s name, and I certainly don’t
want to lose that. Under font-style I changed ‘italics’ to none, because that changed
everything on the author archive page to italics except for the post content. But the italics
weren’t that important anyway.

Everything seems to be ok on all the pages except that one, the author archives.
5.
ALLABOUTBASIC says:
January 4, 2013 at 7:12 am
Hi William
for the Author archive page Site Title will be like that

.author #site-title a {
font-size: 30px !important;
}

and..u can donate by clicking on the paypal button or directly in my paypal address
[email protected]

Om
121.
WILLIAM LUSE says:
January 4, 2013 at 11:47 pm
Donation made. One last thing and then I’ll leave you alone. Any idea how to put a 2px border to
the right of the sidebar, and another one under each of the widget areas in the sidebar? I ask only
because I’ve been struggling to do this for a couple of days and have had no luck.

1. Reply →
ALLABOUTBASIC says:
January 5, 2013 at 1:53 pm
Hi William
for the border between left sidebar and content section use this code

#container {
border-left: 1px solid lightgrey;
float: right;
margin: 0 -240px 4px 0;
width: 100%;
}

And..widget seperator border

.widget-container {
-moz-hyphens: auto;
border-bottom: 1px solid lightgray;
margin: 0 0 18px;
padding-bottom: 7px;
word-wrap: break-word;
}

Om

93 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...

1. Reply →
WILLIAM LUSE says:
January 5, 2013 at 9:39 pm
Thanks so much.
122.
KRISTIANNA says:
April 9, 2013 at 5:22 pm
Hi there! I want to create a new heading (h7) so that I can customize text w/n a post (to the
orange Honey Script text). Tried adding to the stylesheet, unsuccessfully.

1. Reply →
ALLABOUTBASIC says:
April 10, 2013 at 3:31 am
HI Kristina
just use the code

h7
{
font-family: put your font name;
font-size: put the size in px or em;
color: put ur choiceable color code;
}

Regards
Om

123. Reply →
STEVE says:
September 26, 2016 at 8:12 am
Hi, Is it possible to add icons in the navigation bar to take visitors to your Facebook or twitter site

1. Reply →
ALLABOUTBASIC says:
September 26, 2016 at 4:35 pm
Steve
are u using wordpress.com ? or your own domain hosting?
let me know
Om

1. Reply →
STEVE says:
September 27, 2016 at 10:37 am
I am using domain hosting
2.
ALLABOUTBASIC says:
September 27, 2016 at 2:46 pm
Hi Steve
ok share me the site url to check

Om
124.
ANALISAAKHIRZAMAN says:
January 2, 2017 at 12:40 am
I’am a beginner and I have a problem and I know It’s a simple case for you. but I prefer get help
94 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
via email . pls let me know your email addr.

1. Reply →
ALLABOUTBASIC says:
January 2, 2017 at 2:16 pm
HI
sorry for the late response
share me your issue here [email protected]
Om

1. Reply →
ANALISAAKHIRZAMAN says:
January 4, 2017 at 9:06 pm
Hi Om,
I have tried using Simple custome css plugin.
First try , I used code #15 to change Header Image size , it’s work , only it’s not centered
then I remove again the code.

Second I used code #17 and #18 To make the Header and Menu Full width , but it’s not
work, do I must use also code #15 ?

sorry for the stuppid questions, I am only a beginner

Rgds,
2.
ALLABOUTBASIC says:
January 5, 2017 at 1:29 am
Hi Mujid
i have checked your header image issue….
i found the header image is showing Ok?

REgarding full width issue

.styles #header, .styles #main {

padding-left: 0px !important;
padding-right: 0px !important;
}
#branding {
width: 100% !important;
max-width: 100% !important;
}
#branding img {
width: 100% !important;
}
#access {
width: 100% !important;
}

Let me know if it works

Om
125.
ANALISAAKHIRZAMAN says:
January 5, 2017 at 8:51 pm

95 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
I have tried the codes, but nothing changed on header image and the menu.

pls advice

1. Reply →
ALLABOUTBASIC says:
January 7, 2017 at 6:32 am
Mujid
sorry for the late response
i prefer u contact me here please
https://www.fiverr.com/om2000_cuet/solve-your-wordpress-blogs-csshtml-and-other-
wordpress-issues

126. Reply →
GON2TRAIN says:
July 29, 2017 at 2:38 pm
hi
i am trying to make content area wider

http://dogwooddogtraining.com/

thanks

1. Reply →
ALLABOUTBASIC says:
August 1, 2017 at 5:49 am
HI
thanks
sorry for the late response
i was away for few days to reply properly

would u mind to try this code to make the content section wider?

#content {
margin: 0 252px 0 20px !important;
}

let me know what you think

Om

1. Reply →
GON2TRAIN says:
August 1, 2017 at 7:38 pm
thanks but it didnt work :<(
2.
ALLABOUTBASIC says:
August 2, 2017 at 5:07 am
Hi
if i try to make your whole website width more wider..will that be ok?
3.
GON2TRAIN says:
August 2, 2017 at 12:54 pm
Would it be better to switch to twenty sixteen like my other sites?

96 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
4.
ALLABOUTBASIC says:
August 3, 2017 at 4:18 am
Actually its on you..
but i can help to make your current site width to be increased…
Om
5.
GON2TRAIN says:
August 3, 2017 at 6:10 pm
hi … i actually like the other theme but would like content area a bit smaller that what is
on this theme ..
6.
ALLABOUTBASIC says:
August 5, 2017 at 11:11 am
thanks sorry for the late response
umm..got your point… ok..if you use that theme..i can help to make it smaller too

but..better you can contact me in my fiverr profile..I may need the dashboard access
Om
7.
GON2TRAIN says:
August 5, 2017 at 5:06 pm
will do
127.
DAVID BRIAN PRESTON says:
November 24, 2017 at 8:46 pm
Hi. How do I change the padding between widgets in the sidebar?

1. Reply →
ALLABOUTBASIC says:
November 25, 2017 at 11:35 am
Hi David
to remove padding try this code

.widget-container {
margin-bottom: 10px !important;
}

let me know if it helps

Om

1. Reply →
DAVID BRIAN PRESTON says:
November 27, 2017 at 4:03 am
Thanks, Om. I don’t find any text matching this in the Widget area of the style.css page.
What I do find is this:

.widget-container {
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
margin: 0 0 18px 0;
}
.widget-container .wp-caption img {
97 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
margin: auto;

___________________________

I’m guessing that if I set the 18px setting in that to 0 it will have the same effect. Does that
sound right to you?

Thanks. David
2.
ALLABOUTBASIC says:
November 27, 2017 at 4:43 am
Hi David
just paste my code using simple custom css or in dashboard appearance> customize >
additional css section

Om
128.
DAVID BRIAN PRESTON says:
November 27, 2017 at 6:18 am
That worked great, Om. And I learned a couple things in the process. Thanks so much, and good
karma!

129. Reply →
KEN B. WILSON says:
March 4, 2021 at 10:24 am
This is such a wonderfully summary of useful css. Thanks! It did not answer one question for me.
How can I center the menu items in the menu bar under the header image. I have not had any
luck with it. Thanks..

1. Reply →
ALLABOUTBASIC says:
March 4, 2021 at 11:02 am
Hi Ken
please share me the site url you are working on
Regards
Om

1. Reply →
KEN B. WILSON says:
March 4, 2021 at 9:38 pm
The site is https://thoughtpaths.com I want the main menu bar items centered. The
custom css I have used elsewhere does not work for twenty-ten. Also, I would like to
reduce the height of the header image to about 175px while keeping the menu at the
bottom of the image as it is now.
2.
KEN B. WILSON says:
March 5, 2021 at 1:12 am
I have figured out and the menu is now centered. However, if you can tell me how to
reduce the header image height I would greatly appreciate it. Thanks.
3.
KEN B. WILSON says:
March 5, 2021 at 1:14 am
Ok I have figured out how to center the menu. But if you can tell me how to reduce the
height of the header image it would be much appreciated. Thanks.

98 of 99 2023-12-04, 00:06
Twenty Ten Theme Documentation : Modification , Customizati... https://allaboutbasic.com/2011/02/03/theme-twenty-ten-css-upgr...
4.
ALLABOUTBASIC says:
March 5, 2021 at 1:17 am
Hi ken
please try this

#branding img {
max-height: 175px;
}

let me know if it helps

5.
KEN B. WILSON says:
March 5, 2021 at 2:52 am
It worked but even though the image is exactly the right size the theme insists on cropping
it to a much narrower wide and then stretches and distorts it. Strange.
6.
ALLABOUTBASIC says:
March 5, 2021 at 9:59 am
Hi Ken
can u share me original image url which u tried to use?
130.
TINA says:
May 9, 2022 at 3:30 pm
Hello
Thanks for this beautiful Theme! I did a few changes in the CSS with the help of this site. But a
few days later I cannot access the “Edit CSS” anymore.. can you please help me what to do? I just
wanted to do a border around each post to separate them.
Regards, Tina

1. Reply →
ALLABOUTBASIC says:
May 9, 2022 at 7:37 pm
Hi Tina
you can try custom css plugins to use custom css
https://wordpress.org/plugins/custom-css-js/
Regards
Om

Reply →

BLOG AT WORDPRESS.COM.

99 of 99 2023-12-04, 00:06