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.
You may also like to check
1. WordPress.com Visitor Tracking :Know who is visiting your site
2. WordPress.com Flickr Flash Gallery: Show your flickr photos to your readers
3. WordPress.com animated Photo gallery : Show your images stored in WordPress with WordPress animated photo gallery
4.WordPress.com Visitors Flag : Where from your users visiting you.
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
#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;
}
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;
margin: 0 auto;
width: 940px;
}
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;
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;
}
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;
}
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;
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;
}
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;
}
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 {
background-image: url(“http://s1.wp.com/wp-content/themes/pub/twentyten/images/headers/fern.jpg?m=1300134058g”);
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;
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 the content section central aligned
.home #primary {
display: none !important;
}
.home #content {
margin-right: auto !important;
margin-left: auto !important;
width: 76% !important;
}
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;
}
If you have any issue feel free to ask me question here in comments section
OR
You can take my personal help in skype : om2000_cuet
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.
LikeLike
Sorry it should be this URL.http://fotografsolveigholstein.wordpress.com/ Thanx again!
LikeLike
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.
Feel free to contact me if you face any type of problem.
I will try my level best
Regards
Om PRakash Chowdhury
LikeLike
To put your google adsense in place of Header Image of Twenty Ten Theme, try the following steps
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;
}
LikeLiked by 1 person
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.
LikeLike
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
LikeLike
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.
LikeLike
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
LikeLike
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 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.
LikeLike
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.
LikeLike
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
LikeLike
how would i change the homepage column width so that its equal straight down the middle?
LikeLike
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 {
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
LikeLike
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
LikeLike
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
LikeLike
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
Your help is greatly appreciate it.
James
LikeLike
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.
Regards
LikeLike
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.
LikeLike
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;
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”.
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.
LikeLike
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;
}
LikeLike
Thanks Jessica.
LikeLike
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/
LikeLike
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
LikeLike
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!
LikeLike
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.
LikeLike
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.
LikeLike
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.
LikeLike
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
LikeLike
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
LikeLike
It works for me.. 🙂 thank you very much..
LikeLike
You are wc.
Feel free to knock me if you need any help.
LikeLike
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.
LikeLike
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..
LikeLike
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!!!
LikeLike
Yes..you can.. but..need to check in which website you are trying to implement it…
would you mind to provide your website name?
LikeLike
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
LikeLike
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
LikeLike
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.
LikeLike
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;
}
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
LikeLike
Hi,
this is worked better but i want when mouse on link show underline and link color black.
please reply. and thanks.
LikeLike
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?
LikeLike
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.
LikeLike
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.
LikeLike
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;
}
#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;
clear: right;
color: #EFEFEF;
float: right;
font-style: italic;
height: 51px;
margin: 0 0;
width: 270px;
}
LikeLike
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
LikeLike
Vinod vai..
are you asking about to shift your navigation menus to the right hand side as like as the site u have shared?
LikeLike
One thing
You can try this code to move your menus right shifted
.menu ul {
float: right;
height: 30px;
padding: 5px;
width: auto;
}
LikeLike
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?
LikeLike
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
#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;
}
LikeLike
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.
LikeLike
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?
LikeLike
Om Bhai,
Thanks for reply.
you are right which i want to menu.
how i can do please suggest?
LikeLike
If i want chenge my site header image. then what is my images size,
what about top bottom?
LikeLike
At present the image size which is in your blog is 940×198 px
LikeLike
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
LikeLike
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.
LikeLike
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?
LikeLike
ya. at last it look beautiful which i want.
but what about link in menu bar .
how i pay you?
LikeLike
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.
LikeLike
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/
LikeLike
Vinod Vai….. My brother’s paypal account is dasbabu01@yahoo.com. So, If you want to pay just login to your paypal account and then transfer whatever amount to my brother’s account (account : dasbabu01@yahoo.com)
LikeLike
Hi Om Bhai.
I have just transfer “20-/USD in your dasbabu01@yahoo.com account by paypal.
so please chek the account
and thanks a lot for helping .
LikeLike
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.
LikeLike
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.
please reply.
LikeLike
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/
LikeLike
In my dashboard in setting no any image uplod marking.
LikeLike
what i do?
is i open my header php?
LikeLike
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 om2000_cuet@yahoo.com
LikeLike
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.
LikeLike
what is the url favicon icon?
LikeLike
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 .
LikeLike
send me the header.php file also…just copy the head.php in a text file and then send that text file to me.
LikeLike
Ya, i have send you header php file and favicon image, i don’t understand url of image.
LikeLike
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
?
2
<link rel="icon" href="http://s.wordpress.org/favicon.ico" type=”image/x-ico”/>
LikeLike
ya, i deleted it and it worked .
LikeLike
Vinod vai… just delete these unwanted line at the footer of your header.php
here are the unwanted lines at header.php
?
2
LikeLike
Till the following line remains ….delete that line from the footer.
http://s.wordpress.org/favicon.ico“; type=”image/x-ico”/>
LikeLike
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..
LikeLike
Vinod vai…. I am leaving from office now… I will answer your question after i have 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
LikeLike
ya,
that is worked.
thanks om bhai.
please tell me how i can link my website.
LikeLike
I didn’t understand your question Vinod vai…” how i can link my website” what u mean actually by this?
LikeLike
Your placement of code is not perfect vinod vai….. code is showing in ur website..
LikeLike
Om bhai,
It’s worked.
LikeLike
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.
LikeLike
Ok Vinod vai…have a happy holiday…but..have u deleted the last unwanted line from the footer?
LikeLike
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.
LikeLike
ya, i deleted that line.
Thanks again your support.
LikeLike
Vinod vai…send me the header.php file again..u didnt place it perfectly….in IE..it is not showing perfectly.
LikeLike
Vinod vai…
link rel=”icon” href=”%3Ca%20href=” http:=”” s.wordpress.org=”” favicon.ico"=””
may be u put this code in any other php file…….delete it also
LikeLike
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
LikeLike
Hi om Bhai,
i have open my log in twenty ten theme.
please help me some change.
pls reaply.
LikeLike
I am always with you Vinod vai…let me know your problems
LikeLike
r u there om bhai.
LikeLike
Vinod vai..add me in skype..my skype id is om2000_cuet.. i will solve your problem in skype
LikeLike
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…
pls. somebody help me.
LikeLike
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.
LikeLike
hi,
I found..You already have did this change. Right?
LikeLike
allaboutbasics… no I did not found the ways to do the changes, if you could pls. help me
LikeLike
Hi IONE…do you use skype? if you do..please Add me..my skype id is om2000_cuet.
LikeLike
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.
LikeLike
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?
LikeLike
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.
Here is the link to the blog:
http://www.comfortitalia.com/blog/2011/05/07/spring-vegetables-in-rome/
Thanks again!
Helen
LikeLike
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;
}
LikeLike
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.
LikeLike
Thanks for this article, it was a good help. I would like to “shorten” the menu hover…where exactly should I do this?
LikeLike
hi Ewien
Would you mind to clear me your problem
?
LikeLike
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?
LikeLike
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!
LikeLike
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.
LikeLike
Hi – sorry, can’t see my original comment on this page so am starting a new one.
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!
LikeLike
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.
LikeLike
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.
Thanks again for your help – if you have any ideas how to solve these issues I’d really appreciate it!
LikeLike
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;
}
LikeLike
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!
LikeLike
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!
LikeLike
Thats Great Elly..thaks a lot for your sharing….
LikeLike
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
LikeLike
HI KPB
Would you mind to share your web address?
LikeLike
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
LikeLike
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
LikeLike
Lisa..
if you want just to remove “comments” from specific page then let me know… i can try using css…
LikeLike
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
LikeLike
Umm..sorry.. No suggestion… Didnt do this type of work before…
LikeLike
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.
LikeLike
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?
LikeLike
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!
LikeLike
Hi Christy..
as it is external plugins…so there may be the option to make the spacing between the buttons 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
LikeLike
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!
LikeLike
Yes..now it is looking great…Thanks for your share….
LikeLike
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
LikeLike
Hi Victor….Would you mind to share your website address so that I can check it and give you a solution?
LikeLike
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;
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
LikeLike
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..
LikeLike
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
LikeLike
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
LikeLike
No worries. Thank you for the suggestion, Om. I’ll try editing php codes.
LikeLike
Thats Great Christy…
LikeLike
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.
LikeLike
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
LikeLike
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 {
color: #333;
font-family: Arial; //Verdana is not working when set here
font-size: 16px;
line-height: 24px;
text-align: justify;
}
Thank.
LikeLike
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
LikeLike
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)
LikeLike
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;
margin-bottom: 24px;
}
** For the menu bar… would u mind to add me in skype? om2000_cuet is my id
Regards
Om
LikeLike
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.
LikeLike
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
LikeLike
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.
LikeLike
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
LikeLike
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,
LikeLike
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.
#content {
margin-left: 20px;
margin-right: 235px;
margin-top: 0;
}
Regards
Om
LikeLike
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
LikeLike
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;
line-height: 36px;
text-decoration: none;
}
#site-description {
color: white;
font-size: 14px;
font-weight: bold;
margin: 0 270px 1.65625em 0;
}
Regards
Om
LikeLike
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
LikeLike
Hi Miles..
would you mind to paste the code at the bottom of the style.css in your parent thme ?
Regards
Om
LikeLike
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
LikeLike
Hi Miles..would you mind to add me in skype?
om2000_cuet is my id..
Regards
Om
LikeLike
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
LikeLike
Hi Mike…
Enjoy your holiday.. don’t worry you will always get me here . 🙂
Regards
Om
LikeLike
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
LikeLike
HI Adam
Sorry for the late in reply.. Pls Share me your website address so that i can check it..
REgards
Om
LikeLike
Thanks for getting back to me here is the website.
http://www.adametrix.net
Thanks
Adam
LikeLike
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
LikeLike
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.
LikeLike
HI Jaymz.
sorry for the late in reply… Just go to “Appearance–>Editor” there you will get the style.css
Regards
Om
LikeLike
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.
LikeLike
HI Jay…
Share me your website URL. I will give you the code.
Regards
Om
LikeLike
Thankyou,
it’s http://www.soundsbetterwithreverb.com/
Cheers, j.
LikeLike
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;
}
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
LikeLike
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.
LikeLike
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
LikeLike
Wow Om – that worked!
You just made my night, thanks so much – you’re a CSS legend!
Thanks!! j.
LikeLike
🙂
Thanks Jay..
Let me know if you face any css related problem…
Regards
Om
LikeLike
Please tell me your skype and I will make sure to add you.
Best
Adam
LikeLike
Hi Adam
om2000_cuet is my id…
Regards
Om
LikeLike
Thank you I did add you to my skype, please let me know when you like to get connected.
Regards
Adam
LikeLike
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?
LikeLike
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
LikeLike
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!
LikeLike
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
LikeLike
I’m changing the color is the style.css within editor with no changes to website?
}
#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
LikeLike
Hi Michael,
Would you mind to share me your website address?
pls let me know..
Om
LikeLike
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
LikeLike
HI Michael
Your site is showing database error…
Also, would u mind to clear me what changes you want?
Regards
Om
LikeLike
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!
LikeLike
Hi Michael
For Page Title font and color change…try the following code (paste them at the bottom of style sheet)
.singular .entry-title {
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
LikeLike
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?
LikeLike
Hi Michael,
Good Morning…
Yes.. you need to add at the bottom of style.css or custom.css (if have)
Om
LikeLike
SPoke to soon, Now Title on page is red??? Trying to remove now.
LikeLike
Hi Michael
Yes, for temporary basis to show you i used red color as example 🙂
Om
LikeLike
Fixed…..thank you for al the instructions, huge help!!!
LikeLike
HI Michael,
Thanks..just let me know if you have any css/wordpress related questions
🙂
Om
LikeLike
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…
LikeLike
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
LikeLike
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
LikeLike
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?
LikeLike
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
#content p, #content ul, #content ol, #content dd, #content pre, #content hr {
line-height: 25px;
margin-bottom: 24px;
}
Regards
Om
LikeLike
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.
LikeLike
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
LikeLike
sorry, I’m really new with all this. Where exactly to paste this code?
LikeLike
HI Marko..
You have to paste the code at the bottom of style.css…
Regards
Om
LikeLike
it’s ok now. thanks. you helped me a lot.
LikeLike
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.
LikeLike
Hi Johnny,
WOuld u mind to clear me your requirements specifically?
Regards
Om
LikeLike
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.
LikeLike
Hi Johnny,
sorry for my late response… Would u mind to share me your site URL , and your problem again?
Regards
Om
LikeLike
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.
LikeLike
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.
LikeLike
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;
}
Pls let me know it is Ok or not
Regards
Om
LikeLike
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!
LikeLike
Hi Mee,
Yes..both of your requirements can be filled up…
do you want it?
pls let me know..
Om
LikeLike
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!
LikeLike
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
LikeLike
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?
LikeLike
Hi Tony,
Yes, you can do it.. need to modify the header.php to do..
Regards
Om
LikeLike
Thanks for the quick reply,I am pretty good at messing with the code what code would i need to change /add.
LikeLike
Hi Tony,
Share me your website address and the adsense code…
Regards
Om
LikeLike
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 !
LikeLike
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
#wrapper {
background: none repeat scroll 0 0 #FFFFFF;
margin-top: 2px;
padding: 0 20px;
}
Regards
Om
LikeLike
Thanks works perfectly ! You saved me time, I’m sending you a coffee…
LikeLike
Wow..
thanks for the Coffee Daniel 🙂
Regards
Om
LikeLike
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,
Daniel
LikeLike
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
LikeLike
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!
LikeLike
Hi celebrityChef
Would u mind to share me your website address for checking?
Regards
Om
LikeLike
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
LikeLike
Hi Nicola..
sorry for my late response…
would u mind to share me ur site link and the problem again?
regards
Om
LikeLike
Hi Om,
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 🙂
LikeLike
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
LikeLike
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 🙂
LikeLike
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;
}
.moz-headline.sticky .entry-content, .moz-headline.sticky .entry-meta, .moz-headline.sticky .entry-format, .moz-headline.sticky .comments-link {
display: block;
}
Regards
Om
LikeLike
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
LikeLike
Hi Geralyn,
Just checked your site… sorry for my late reply. you have already fixed this issue..right?
Regards
Om
LikeLike
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
LikeLike
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..
Regards
Om
LikeLike
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
LikeLike
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
LikeLike
Hi Nicola,
try the following code to remove the centered title at the top
#post-923 .entry-title> a {
display: none;
}
Regards
OM
LikeLike
Rarely have I seen so many simple explanations, clear and explicit. With great generosity. What a pleasure! Bravo.
LikeLike
thanks for ur complements..
Om
LikeLike
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
LikeLike
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
LikeLike
http://www.academyofclassicaldesign.com/news/ 🙂
LikeLike
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
LikeLike
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
LikeLike
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 {
background-color: red; //to change drop down background color
color : white; //to change the font used in drop down..
}
Regards
Om
LikeLike
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
LikeLike
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
LikeLike
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
LikeLike
HI Olena,
Pls try this code… it should work..
.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
LikeLike
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
LikeLike
Hi Olena,
Have u added that drop down options manually?
Pls let me know.
Om
LikeLike
I added the drop down through the options that WordPress provided for the archives.
LikeLike
Hi Olena,
Umm…I have checked the hover color of that drop down menus..sorry..i cant help u for this..
Regards
Om
LikeLike
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
LikeLike
Hi David,
What is your site’s URL?
Pls share me and let me see..
REgards
Om
LikeLike
Hi Om
My site is http://www.davidaltmann.com
Thanks in advance for looking into it 🙂
David
LikeLike
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
LikeLike
Wait to go, Om! It worked!! Thanks a bunch 🙂
Regards,
David
LikeLike
Thats great David,
If you have any question..regarding any theme’s (not only twenty ten) css change..let me know..
🙂
Om
LikeLike
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
LikeLike
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
LikeLike
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
LikeLike
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
LikeLike
it’s http://www.kohlenydrate-tabellen.com
LikeLike
Hi David,
Would u mind to check the link..it is not working..
Om..
LikeLike
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…
LikeLike
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
LikeLike
Om
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
LikeLike
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;
}
LikeLike
Cool, Om! Will try immediately, but: when you say ‘bottom’ you mean at the very very end, meaning after the very last }
Right?
LikeLike
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
LikeLike
you have been a great help, Om. I will definitely recommend your site 🙂
LikeLike
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 🙂
LikeLike
Hi David,
Just use
color : #0066cc;
🙂
Regards
Om
LikeLike
For example
strong
{
color:#0066cc;
}
LikeLike
David
Pls let me know if u have any confustion..
🙂
Regards
Om
LikeLike
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?? 😉
LikeLike
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
LikeLike
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.
LikeLike
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
LikeLike
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
LikeLike
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
LikeLike
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
LikeLike
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
LikeLike
Sure, Om.
See here: http://kohlenhydrate-tabellen.com/?page_id=16
The info should be in the page ‘Kohlenhydrate Tabellen’
LikeLike
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.
LikeLike
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
LikeLike
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 🙂 )
LikeLike
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
LikeLike
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!
Regards,
David
LikeLike
Hi David,
normally you need to wrap the text in ” pre ” tag..
though i never used it before..
Regards
Om
LikeLike
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
LikeLike
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 ….
LikeLike
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?
LikeLike
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
LikeLike
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.
LikeLike
Hi Fred,
Good Morning..
would u mind to share me ur site URL to check
Om
LikeLike
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.
LikeLike
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
LikeLike
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 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!
LikeLike
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
LikeLike
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?
Thank you!
LikeLike
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
LikeLike
Thanks so much! I will be referring my readers and friends to your great site!
LikeLike
Thanks a lot Kira..
and let me know if u have any issue..
Om
LikeLike
One last question – my visited links are still appearing purple – is there something to add to the link tag to change this?
Thanks!
LikeLike
Hi Kira,
I think u r searching this code
a:visited {
color: #333333;
}
Om
LikeLike
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!
LikeLike
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
LikeLike
Looks perfect! Thanks again, Om!
LikeLike
Nice to know Kira..
🙂
LikeLike
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…
LikeLike
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
LikeLike
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 the changes.
Thanks for responding.
Tiffany
LikeLike
Hi Tiffany N. York
The code will go at the bottom of style.css.
Using child theme is better..
Om
LikeLike
Ok. Thanks so much for clearing that up for me!
LikeLike
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
LikeLike
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
LikeLike
Hi Om,
yes that’s what I’m looking for, but I don’t manage to get the format I want.
cheers, Jeroen
LikeLike
HI jeroen
yes… you need to create page template to achieve your requirements..
Om
LikeLike
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!
LikeLike
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
LikeLike
Ok, I’ll check on that. Thanks!!
LikeLike
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!
LikeLike
Hi Kira..
in which site you are working now?
pls let me know..
Om
LikeLike
hernewleaf.com
LikeLike
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
LikeLike
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!
LikeLike
Hi thelegalmuse
pls share me ur site address..
Om
LikeLike
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
LikeLike
Hi Michael Hayes
Pls try the following code
#page {
margin: 0 auto;
}
#branding hgroup {
display: none;
}
Regards
Om
LikeLike
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
LikeLike
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
LikeLike
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;
}
LikeLike
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
LikeLike
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….
LikeLike
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
LikeLike
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….
LikeLike
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….
LikeLike
Sure Michael..
Om
LikeLike
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…..
LikeLike
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
LikeLike
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!!!!!!!
LikeLike
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
LikeLike
Great, no info on how to change the menu font styling. What’s the point of that, then?
LikeLike
HI No,
Pls share me ur website URL to check…
Om
LikeLike
hello,
I want to place google adsense ads below or left side of every post.I have self hosted wordpress site.please help me.
LikeLike
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
LikeLike
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
LikeLike
Hi JB,
pls share me ur site URL
Om
LikeLike
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
LikeLike
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
LikeLike
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
LikeLike
HI John,
try the following code
li#menu-item-166 {
float: right !important;
}
Om
LikeLike
Om, you are the best. Thank you. Could you please explain the code to me. How did you determine the item number?
John
LikeLike
HI John,
thanks… actually every menu item generates id automatically..i just checked it and implemented the code..
Om
LikeLike
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
LikeLike
HI Michael..
pls try the following code
#main {
padding: 0;
}
.singular.page .hentry {
padding: 9px 0 0;
}
Regards
Om
LikeLike
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 .
LikeLike
Hi Michael..
are u talking about the padding of Content section?
LikeLike
Yes…If you look at offers halfway down, I’m trying to widen content area to accomodate 3 photos wide.
LikeLike
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
LikeLike
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!!!!!!!
LikeLike
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
LikeLike
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.
LikeLike
Hi Aphotogirl..
umm.. would u mind to add me in skype for better conversation pls?
Om
LikeLike
Om, just stopping by for a visit. I found my answer above. How about a coffee!
LikeLike
Thanks a lot for the Coffee Michael..
🙂
Om
LikeLike
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
LikeLike
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
LikeLike
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
LikeLike
HI Gabby,
for this u need to modify ur header.php and also need to use some css for the positioning..
Om
LikeLike
Is it possible to embed video’s from sources like youtube?
LikeLike
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
LikeLike
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!
LikeLike
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
Om
LikeLike
Entered code and closed window opened new window no changes. Page title “HOME” etc on each page….just looks ugly.
LikeLike
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
LikeLike
Thank worked!
LikeLike
Om That worked! Thank you. Follow up with coffee funds 🙂
LikeLike
🙂
thanks a lot…
if you have any other issue dont forget to let me know
Om
LikeLike
Ok..Waiting for the coffee 🙂
LikeLike
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 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
LikeLike
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
LikeLike
Thanks very much. I’ll give it a try and tell you how it worked.
LikeLike
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.
LikeLike
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
LikeLike
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;
}
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.
LikeLike
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 dasbabu01@yahoo.com
Om
LikeLike
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.
LikeLike
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
LikeLike
Thanks so much.
LikeLike
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.
LikeLike
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
LikeLike
Hi, Is it possible to add icons in the navigation bar to take visitors to your Facebook or twitter site
LikeLike
Steve
are u using wordpress.com ? or your own domain hosting?
let me know
Om
LikeLike
I am using domain hosting
LikeLike
Hi Steve
ok share me the site url to check
Om
LikeLike
I’am a beginner and I have a problem and I know It’s a simple case for you. but I prefer get help via email . pls let me know your email addr.
LikeLike
HI
sorry for the late response
share me your issue here om2000_cuet@yahoo.com
Om
LikeLiked by 1 person
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,
LikeLike
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
LikeLike
I have tried the codes, but nothing changed on header image and the menu.
pls advice
LikeLike
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
LikeLike
hi
i am trying to make content area wider
http://dogwooddogtraining.com/
thanks
LikeLike
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
LikeLike
thanks but it didnt work :<(
LikeLike
Hi
if i try to make your whole website width more wider..will that be ok?
LikeLike
Would it be better to switch to twenty sixteen like my other sites?