Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

Anchor text hover effect


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Dec 21, 2009, 10:59 AM
gmatbootcamp
 
7 posts · Oct 2009
Anchor text hover effect

Hi,

I'm trying to link to text within a page, but the anchor text displays a hover effect as if it were a link itself?

I've read through this thread, but the css solution doesn't work for me

http://forum.bytesforall.com/showthr...ghlight=anchor

any insight?

link to the page in question:
http://www.thegmatbootcamp.com/absolute-value/
__________________
www.thegmatbootcamp.com
  #2  
Old Dec 21, 2009, 05:02 PM
juggledad's Avatar
juggledad
 
22,253 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
the reason it works for her and not you is that you define your links differently. Your link is
HTML Code:
<a href="#Introduction">Introduction</a>
while hers is
HTML Code:
<a class="anchorlink" name="Process">The Apartment Search Process</a>
notice she used a class=anchorlink? By doing this she can nor define a CSS selector to effect thist elements with the
HTML Code:
.anchorlink:hover {
text-decoration: none;
font-weight: normal;
}
if you just add this CSS in it is saying 'Find any link with a class of 'anchorlink' and if you hover over it, remove any text decoration.

You don't have anything with a class of 'anchorlink' so nothing happens.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jan 27, 2010, 09:59 AM
superal13
 
1 posts · Jan 2010
Leiden
I have the same problem, or at least very similar... I have bold text which when hovered are seen as unbolded underlined links... I have placed

.anchorlink:hover {
text-decoration: none;
font-weight: normal;
}

in the Add CSS/HTML Inserts option of the theme.. where do I add the rest of the code linking to the CSS?

I have many many anchor links within the same page so would be nice to get rid of it

CrazyCreatures.org/Glossary


Many Thanks
  #4  
Old Jan 27, 2010, 11:46 AM
juggledad's Avatar
juggledad
 
22,253 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Your bold text (like the word 'Altricial') is a LINK Why are you defining these words as links without any href= ??

since it is a link, it's picking up teh defaule styling for links.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Tags
anchor, link

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Delay in changes taking effect? Jerry Atahualpa 3 Wordpress theme 11 Jan 7, 2010 02:59 PM
[SOLVED] Div created by Amaniche plugin has unwanted hover effect Tim F Plugins & Atahualpa 4 Dec 6, 2009 03:16 AM
[SOLVED] problem with hover effect in anchor link destination hiccupgirl Atahualpa 3 Wordpress theme 1 Oct 16, 2009 06:25 PM
"Tooltip" style hover text for PageMenu? lhanft Page & Category Menu Bars 5 Jul 16, 2009 04:11 PM
Left anchor header image? blueprairie Header configuration & styling 1 Jun 28, 2009 08:09 PM


All times are GMT -6. The time now is 07:30 AM.


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