WordPress.org

1. mores
   Member
   Posted 7 months ago #

   okay, WP sIFR works pretty nicely - however, I seem to be stuck with some styling problems.

   I have a top navigation that needs replacement, as well as the standard h1 headers.
   

   <div class="primnav">
   	<ul>
   		<li><a href="#">Home</a></li>
   		<li class="cat-item cat-item-3"><a href="#" title="Alle unter Programm abgelegten Artikel ansehen">Programm</a></li>
   		<li class="cat-item cat-item-4 current-cat"><a href="#" title="Alle unter Partner abgelegten Artikel ansehen">Partner</a></li>
   		[...]
   	</ul>
   </div>

   So, in WP sIFR settings I set the selector to h1, .primnav a and the style to
   

   .sIFR-root { font-weight:normal; color:#727272;}
   a { text-decoration:none; color:#727272; cursor:pointer}
   a:hover { color:#000; cursor:pointer;}

   But, unfortunately, I can't make the cursor change into a hand.
   Any thoughts on this?
   Oh, my client wants to review this tomorrow. I'm trying to avoid creating GIF images of all the gazillion textblocks he has in 4 languages, so WP sIFR is my last hope.

   puh-leeeeeese :)

2. mores
   Member
   Posted 7 months ago #

   Okay, found the answer myself.
   You need to wrap the links in a < span> that you can then make wp-sifr replace with the pretty flash font.
   Kind of a hassle if you use wp_list_pages or wp_list_categories, but there are solutions for that too!

Reply

You must log in to post.