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 » Post-Kicker, -Byline & -Footer »

How to have Comment, Tags & Categories displayed UNDERLINED before hovering?


  #1  
Old Dec 22, 2009, 12:29 PM
FunBloggin
 
5 posts · Dec 2009
I'm using Atahualpa 3.4.4.

I want the Comment, list of Tags and Categories after my post underlined when displayed on page. Right now, the underline displays only when hovered.

This is what I have currently:
Under Post & Pages --> Edit Post/Page Info items -->FOOTER: Homepage

%comments('We appreciate your sharing a comment here.', 'Comment (1)', 'Comments (%)', 'Comments are closed')% | %tags-linked('Tags: ', ', ', ' | ')%Category: %categories-linked(', ')%%edit(' | ', 'Edit this post', '')%

Thanks for your help. You all have been wonderful!

FunBloggin
( non-techy, eager to be a sponge & learn & share )

p.s. My apologies if this question has been asked & answered by someone else on the Forum. I had done an intensive search on my request.
  #2  
Old Dec 22, 2009, 02:38 PM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Well since you are eager to learn, I'm going to make you work a little and maybe this can turn into a case study of 'How do I get xxxx feature to work'

First a little background. The various effects when you put the cursor over an object are caused by CSS. You have to find out where this is all takng place so the first thing you have to do is (gasp) go look at the code (NOOOOOO not that). Oh hush up inner voice, it's not that hard, just new!

When I say you have to look at the code, I don't mean the php that builds the pages (that's another adventure altogether) but the HTML that is built and causes your page to display.

Oh to make things easier here is a hint, first go to ATO->Configure CSS & JS->CSS: Compress? and set it to 'NO'.

So go to your browser and view one of your pages, then look at the SOURCE of the page. Check under the EDIT menu of the browser, and copy the page into a text document to use as reference.

Once you have that done, post back here and I'll take you to step 2 - locating the area you want to play with.
__________________
"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; Dec 23, 2009 at 04:18 PM.
  #3  
Old Dec 23, 2009, 10:30 AM
FunBloggin
 
5 posts · Dec 2009
This is FUN!
Fun is good, right?

Re: your instructions:
"So go to your browser and view one of your pages, then look at the SOURCE of the page. Check under the EDIT menu of the browser, and copy the page into a text document to use as reference."

I did this:
I viewed my Home Page.
On browser, I found "SOURCE" under VIEW menu--> Page Source
I copied/pasted the Source (html) info into a Wordpad doc.

Posting back to play Step 2.

THANKS MUCH for being my Guide.

FunBloggin
  #4  
Old Dec 23, 2009, 04:58 PM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Step two. Now we have to find the area of code that is displaying the footer. In this case you can find easy because of the unique phrase 'We appreciate', so do a search for that phrase and you'll find it is in a '<div...' that looks like this
HTML Code:
 <div class="post-footer"><a href="http://192.168.48.99/wordpress/?p=421#respond" class="comments-link"  title="Comment on galleria test">We appreciate your sharing a comment here.</a> | Category: <a href="http://192.168.48.99/wordpress/?cat=1" title="View all posts in Uncategorized" rel="category">Uncategorized</a> | <a class="post-edit-link" href="http://192.168.48.99/wordpress/wp-admin/post.php?action=edit&amp;post=421" title="Edit post">Edit this post</a></div>
with this you can find the CSS identifiers that are being used.

If you look at the part of the code that contains the 'We Appreciate' we find
HTML Code:
<a href="http://192.168.48.99/wordpress/?p=421#respond" class="comments-link"  title="Comment on galleria test">We appreciate your sharing a comment here.</a>
so we know that it is in an <a> element and if we look closer, yiou will see 'class="comments-link"' so this is an <a> with a CSS class of 'comments-link'

In addition, the <a>...</a> is inside a <div>...</div> that has a class of 'post-footer'. CSS uses CLASS and ID to identify different elements in the HTML. So Now it is homework time again.

If you look in the code near the begining you will find: '<style type="text/css">'
If you set 'CSS: Compress?' to NO, it will be followed by:

/* ------------------------------------------------------------------
---------- BASE LAYOUT ----------------------------------------------
------------------------------------------------------------------ */

This is the start of the CSS for this page. It goes till you find a </style> (a long ways down)
You job is to find all the CSS that has 'comments-link' or 'post-footer' and paste it in your reply including the lines enclosed between the {...} like
div#menu2 {
border: dashed 1px #ccc;
}
and we will examine what you find.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jan 5, 2010, 01:30 PM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Where did you go?? Don't tell me the homework was too hard or the dog ate it.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Tags
category, comment, tag, underline

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Search box, tags and categories no longer link to posts Anita Sidebars & Widgets 3 Dec 1, 2009 03:32 PM
exclude certain tags/categories from post info items jankph Post-Kicker, -Byline & -Footer 1 Nov 11, 2009 06:35 AM
[SOLVED] Trouble changing background &amp; text colors in the Comment Form and Submit But summae Comments, trackbacks & pings 1 Nov 5, 2009 05:48 PM
[SOLVED] All Of A Sudden-All Categories &amp; Tags Have Been Removed!! OneSister Atahualpa 3 Wordpress theme 3 Oct 12, 2009 05:49 AM
[SOLVED] Only one post entry on each of the tags and categories pages JFG Page & Category Menu Bars 8 Oct 8, 2009 01:51 PM


All times are GMT -6. The time now is 08:03 PM.


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