Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

[SOLVED] Post Title Colour


  #1  
Old Jan 21, 2011, 01:58 AM
Dave The Drummer
 
9 posts · Nov 2010
I've been through the search and although there are plenty of options for altering the colour globally I can't find anything that allows me to change the title of a specific post.
I have an important announcement to make and I'd like the title in red so it doesn't get missed.
I don't want all of the posts to have their titles in red. Just this one.
I'd like it changed on the main page and the individual post's page.

I've tried putting the color command html (?) in the title box and it changes the colour OK but also adds in the original grey version and some extra characters which is messy and I don't understand why it does it.
eg. <span style="color: #ff0000;">blah blah blah</span>
That didn't work.

I've also seen the CSS inserts thing but I have no idea what they mean nor how to execute their intent. I don't know anything about the CSS concept structure.
I used to be a machine code programmer not a high level wizard.

Any clues ?
It's driving me bonkers.

Atahualpa 3.4.9
www.hampshireskeptics.org
  #2  
Old Jan 21, 2011, 04:58 AM
GarethP
 
64 posts · Jun 2010
Not sure about changing just the one post's title - I'm sure there is a way though but you could make the post 'Sticky' and then style the box the post sits in at

Appearance / Atahualpa Theme Options / Style Posts & Pages / Post Container: Sticky

Would that work? I know it would keep the post at the top but you could make it 'Not Sticky' at some point in the future when everyone knows...
  #3  
Old Jan 21, 2011, 06:32 AM
juggledad's Avatar
juggledad
 
23,571 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
The CSS rule would be 'color: #00ffff;' to make the text a bright blue, so how to construct the CSS Selector?

You need to specify the CSS selector so it points at the post. you do this by looking at the generated code.
HTML Code:
<div class="post-1538 post type-post hentry category-events category-hampshire-skeptics category-sitp category-urgent" id="post-1538">
   <div class="post-headline">		
      <h2>			
         <a href="http://www.hampshireskeptics.org/?p=1538" rel="bookmark" title="Permanent Link to **Important Announcement** Change Of Venue!">**Important Announcement** Change Of Venue!</a>
      </h2>
     </div>
The text is part of a link, so you could code
HTML Code:
a {color: #00ffff;}
but that would effect every link. The link is a child of an h2 so you could use
HTML Code:
h2 a {color: #00ffff;}
and this would make every link that is part of an h2 blue. The h2 is a child of a div so you could add that and get
HTML Code:
div h2 a {color: #00ffff;}
but that would effect all div's, but it has a class so we could refine it to
HTML Code:
div.post-headline h2 a {color: #00ffff;}
which would cause all links that are h2's in a div that is a post headline, to be blue - not good enough, so looking on we see the post-headline is a child of the div with an ID+.

ID's are unigue on a page, ie an ID can only be used once on a page (classes can be used all over) so now you could use
HTML Code:
div#post-1538 div.post-headline h2 a {color: #00ffff;}
and any link that is an h2 in a div that is a post headline which is a child of a div with the ID of 'post-1538' will be blue.

since there is only one post with the ID of 'post-1538' this selector should only apply to one post title.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old Jan 21, 2011, 07:18 AM
GarethP
 
64 posts · Jun 2010
I knew it would be something like that!!
  #5  
Old Jan 21, 2011, 08:51 AM
Dave The Drummer
 
9 posts · Nov 2010
Thanks Juggledad. That makes complete sense.
But let me tell you where I am so you can see what I mean.

Imagine I ask someone for help to make my car go faster.
Someone provides me with a box to make it go faster. They explain how the box works. I understand it all. Power in, things happen to it that I understand and make sense and then the increased power comes out the other end of the box.
All above board, internally consistent and completely understood.

But I'm standing there next to my car that I understand completely and with a box in my hand that I understand completely and I have no idea how to make the box fit to the car.
Where does it go ?

The code makes sense, the logic is perfect, the exposition of why this way will work is logically consistent and without flaw that I can detect. The solution appears whole and eminently suitable for the job.

But where does it go ?

I can't see anywhere to put it.
See what I mean ?
That's part of my problem with high level languages in general actually. It's almost as if they've been "poofed" into existence and are hovering in codespace without support. I can understand them internally but cannot for the life of me understand how they can do anything at all.
6502 and Z80 8 bit CPUs if you're wondering.

Thanks guys.
  #6  
Old Jan 21, 2011, 08:57 AM
juggledad's Avatar
juggledad
 
23,571 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
sorry, it goes in Ato->Add HTML/CSS Inserts->CSS Inserts

Nicely put cry for help
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Jan 21, 2011 at 08:59 AM.
  #7  
Old Jan 21, 2011, 02:17 PM
Dave The Drummer
 
9 posts · Nov 2010
Ahhhhh. Gotcha.
So things entered in that box appear to be a little like CSS interrupts in that whatever is entered in there overrides whatever is supposed to be controlling the formatting ?

It works fine on the main page but goes back to black on the post page I get to by clicking the post title on the main page.
Although this isn't really a problem as the information is highlighted where it needs to be which is where most people will see it.

Thanks for your help.
  #8  
Old Jan 21, 2011, 04:28 PM
juggledad's Avatar
juggledad
 
23,571 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Ahh that's because on a single post page the post title becomes an h1 so use this
HTML Code:
div#post-1538 div.post-headline h1,
div#post-1538 div.post-headline h1 a {color: #00ffff;}
and it will do it for both cases
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Jan 26, 2011 at 03:50 PM.
  #9  
Old Jan 26, 2011, 02:28 PM
Dave The Drummer
 
9 posts · Nov 2010
Ah ! Of course.
I didn't realise about the different heading sizes.
Thanks Juggledad.
  #10  
Old Jan 26, 2011, 02:36 PM
Dave The Drummer
 
9 posts · Nov 2010
Ummmm.
Can't get it to work.
I've added in more lines with h3 h4 and h5 as well and no change.
Any ideas ?

http://www.hampshireskeptics.org/?p=1538
  #11  
Old Jan 26, 2011, 03:50 PM
juggledad's Avatar
juggledad
 
23,571 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Sorry I had a typo in post #8 - I just fixed it. Try that out.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #12  
Old Mar 2, 2011, 04:12 PM
Dave The Drummer
 
9 posts · Nov 2010
Apologies for not coming back sooner.
That works perfectly. Thanks for the help.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Help to change my blog title position and background colour: winphil Header configuration & styling 2 Jun 18, 2010 07:32 PM
How do I change the colour of the Category title? robdeluxe Page & Category Menu Bars 1 Oct 21, 2009 04:56 PM
[SOLVED] Page title and font changes colour on refresh? norwichkaren Atahualpa 3 Wordpress theme 2 Aug 5, 2009 06:11 AM
Change Post Title size, font and colour dhukka Atahualpa 3 Wordpress theme 1 Mar 17, 2009 09:28 AM
Post title colour Newgamer Atahualpa 3 Wordpress theme 3 Jan 9, 2009 02:26 PM


All times are GMT -6. The time now is 03:26 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.