Am stuck just cant find the code to edit the wp post title

A

alc

New member
Mar 3, 2007
300
2
0
Yes me again asking how to edit the post title of a wp theme from the editor page I am using the basic 2010 wp theme. I looked and looked in the style sheet but nothing. I am trying to have all the post titles centerd and change the text size. I know I do not know any coding but was hoping I could just look for a section in the style sheet like posttitle and alignment and font size but looks like not that simple.

I would appreciate if anyone can let me know if there is a simple guide that breaks down this stuff so I do not have to learn the whole language. Something that is broken down into parts or directory list like sidebars, post area font editing header editing like this so if I want to edit just one section it tells me go here and do this. Am I just dreaming or does anyone know of such a guide?

Wright now I am stuck on this one small thing can anyone help about the post title I am trying to edit thanks.
 


Can you post a link of what you're talking about specifically? Are you talking about the headings above the post content?
 
Yes the top of each WP post the actual title you know how its on the left side as default I just want to center the title and increase the font size a bit thanks.
 
go into your theme folder in /wp-content/ and its gunna be one of those .php files ..

im not familiar with editing wp themes but I would think it would be an edit in your style.css, index.php, or header.php ?
 
You'll need to add something similar to your stylesheet:

Code: 
.page-title, .entry-title { font-size:1em; text-align:center; }
 
Ok I finally think I found it in the wp theme editors rtl style sheet (rtl.css)

/* =Content
-------------------------------------------------------------- */
#content table {
text-align: right;
margin: 0 0 24px -1px;
}
.page-title span {
font-style:normal;
}
.entry-title,
.entry-meta {
clear: right;
float: right;
margin-left: 68px;
margin-right: 0;
}

So can you tell me what to edit I want to center the title and increase the font size a bit also I see the title "
font-style:normal;" I am guessing that the normal was given a value somewhere above could I just remove normal and enter another font style?
Thanks.
 
style css, line 90:

#content .entry-title {
color:#000000;
font-size:21px;
font-weight:bold;
line-height:1.3em;
text-align:center;

Add the bold bit and change the font size to suit. This is based on the default 2010 theme, think thats what you said you are useing.

And in future install firebug:
https://addons.mozilla.org/en-US/firefox/addon/1843/

It took all of 2 seconds to find what you need to edit, just click on firebug>inspect>whatever you want to edit. It then pops up the corresponding styles in the sidebar.
 
Judging by the amount of posts you have made about editing wp, you really should stop using the wordpress editior, its slow and can cause problems.

Use notepadd++
Notepad++ | 5.8.3

and an ftp program such as fireftp:
FireFTP - The Free FTP Client for Mozilla Firefox

It will be much quicker in the long run.

If you will be doing this kind of thing often, you should set up a local wordpress testing environment as well.
I use xampp:
apache friends - xampp
 
Great thanks got it working feels great when this shit falls in place thanks to you guys. So I just do very light editing like this and do it through the actual wp theme in the editor section you mentioned thats not a good idea? This way is much easier and faster for me but if you say to use notepad and ftp it also use the firfox plugin will do.

Does anyone know of a easy guide that I can just go into the its directory under whatever section I want to edit and will show me what to edit. Just simple light editing so not to have to learn the whole language and so I do not have to bother you guys everytime I get stuck.
Thanks again.
 
Having something that can help you locate the appropriate CSS, is something that could probably help you out a lot. This is my personal blog, that I'll probably never have time to work on, but it will serve for demo purposes. Heh.

Anyways, the extension is called Web Developer, but Firebug is another good one. Say I want to figure out where the style is that is defining my post headings. Select View CSS information as shown:


webdev_shot1.jpg



Then highlight the element you want to inspect, once the red box is around what you want to look at, click and all the CSS that is impacting it will be shown in the left pane. It will tell you the name of the sheet, the line number that the block is on etc.

webdev_shot2.jpg
 
In my 1st post:
And in future install firebug:
https://addons.mozilla.org/en-US/firefox/addon/1843/
Click to expand...
When you want to edit something, load the website in your browser, click the firebug button then click the inspect arrow.

Now click on whatever you want to edit, and it pops up the css details on the right.

firebug.png


If you use an editor with line numbers (such as notepad++) its really easy to find what you need to edit
 
You must log in or register to reply here.
Top Bottom
Back