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 »

[SOLVED] Edit link style in CSS


  #1  
Old May 31, 2010, 04:18 AM
louisevarre
 
4 posts · May 2010
Hi,

I want to style my body links in CSS to get the effect of having a think line (1px) underneath the link (different color than text), which then becomes a line of 3px when hovered, again different color than text. I can do this by:

HTML Code:
a {
	border-bottom:1px solid #cccccc;
	padding-bottom: 2px; 
}
a:visited {
	color: #09C;
	text-decoration: none;
}
a:hover {
	color: #333333;
	border-bottom:3px solid #AD3417;
	padding-bottom: 2px;
	text-decoration: none;
}
a:active {
	color: #006;
	text-decoration: none;
}
a:link {
	text-decoration: none;
But then ALL links in the webpage change, including page titles, blog titles etc. I ONLY want the links in the text to change. Can anyone please help me?

Thanks

Louise
  #2  
Old May 31, 2010, 06:29 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
I haven't tested extensively but try adding #middle before the selectors for example
HTML Code:
#middle a
or
HTML Code:
#middle a:visited
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old May 31, 2010, 07:01 AM
louisevarre
 
4 posts · May 2010
Thank you Imiles, but no, it does not work.

See artdelamorena.com

I ONLY want the links to be affected that would normally be affected by editing the links in the theme options....
  #4  
Old May 31, 2010, 07:08 AM
louisevarre
 
4 posts · May 2010
Actually, I stand to be corrected. The sidebar links are now back to normal, i.e. not affected by the new css style to the links. Which is not what I wanted, I wanted those to remain the same as the "normal" links.

The problem is that the page menu, and post titles also have the new link css. Not what I want.

The formatting that I had done to the page menu is gone...

Any help much appreciated!
  #5  
Old Jun 1, 2010, 12:45 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
You could try

div.post a:link

... etc. to target links inside posts
  #6  
Old Jun 1, 2010, 02:09 PM
louisevarre
 
4 posts · May 2010
Thank Flynn, but if I understand correctly I would have to add html on each post. This is for a client that already has 1000 + posts, so need something general...

I could probably work around the page menu, by tweaking the css. But what about the page/post title?
  #7  
Old Jun 1, 2010, 02:34 PM
juggledad's Avatar
juggledad
 
23,575 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Flynn's suggestion is to put that into the CSS inserts and then it would effect all posts
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old May 1, 2011, 12:36 AM
Kmax's Avatar
Kmax
 
8 posts · Mar 2011
Is there any way to change just the text link style inside a post?

I used
HTML Code:
div.post a:link
but it changed the CSS for the links in the footer area of the post and post comments.

Is there any div that's just for the post text itself and no other links? I worked on this for about an hour last night and poked around online with no luck except for this forum post. My site is www.mybeijingstories.com if it helps.

Any ideas?

Thanks!

Last edited by Kmax; May 1, 2011 at 12:39 AM.
  #9  
Old May 1, 2011, 05:30 AM
juggledad's Avatar
juggledad
 
23,575 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Use 'div.post-bodycopy'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #10  
Old May 1, 2011, 10:31 AM
Kmax's Avatar
Kmax
 
8 posts · Mar 2011
Thanks! That was just what I was looking for. My site looks even better now

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Using version 3.4.3 vs. 3.3.3 Style.css?? Craig Mattice Atahualpa 3 Wordpress theme 2 Oct 2, 2009 01:41 PM
Style & edit center column with sorted posts by category calutateo Plugins & Atahualpa 0 Aug 14, 2009 11:43 AM
Style and edit CENTRE COLUMN not working dingo_shadow Atahualpa 3 Wordpress theme 0 Aug 12, 2009 09:40 PM
errors in style.css aninkling Atahualpa 3 Wordpress theme 1 Feb 26, 2009 06:59 PM
edit link on all posts? strangelove Post-Kicker, -Byline & -Footer 6 Feb 18, 2009 04:55 PM


All times are GMT -6. The time now is 09:59 PM.


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