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 » Sidebars & Widgets »

Sidebar buttons HTML & CSS not showing


  #1  
Old Mar 24, 2010, 06:15 PM
GlobalNeat
 
21 posts · Dec 2009
Australia
Hi

I am trying to follows the instructions at http://www.famousbloggers.net/stylis...ar-thesis.html to add custom sidebar buttons.

This is the HTML code I have adapted to my own requirements and have inserted into a left sidebar text widget:

<div>
<div class="sb-buttons">
<ul>
<li class="sb_ebooks"><a href="http://anitaskinner.com/fast-start-ebooks">eBooks</a></li>
<li class="sb_ecourses"><a href="http://anitaskinner.com/fast-start-ecourses">eCourses</a></li>
</ul>
</div>
</div>

This is the CSS style code I have adapted to my own requirements and have inserted into ATO Add HTML/CSS Inserts:

/*---------------------------------*/
/* Sidebar buttons BOX */
/*---------------------------------*/
.sb-buttons ul li a {background:url("http://anitaskinner.com/wp-content/uploads/2010/03/sprite.png") no-repeat scroll 0 0 transparent; display:block; text-indent:-9999px; width:0px;}
li.sb_ebooks a:link, li.sb_ebooks a:visited {display: block; width: 200px; height: 74px; background: url('http://anitaskinner.com/wp-content/uploads/2010/03/eBooks-image.png') no-repeat scroll 0px 0px; outline: none;}
li.sb_ebooks a:hover {display: block; width: 200px; height: 74px; background: url('http://anitaskinner.com/wp-content/uploads/2010/03/eBooks-image.png') no-repeat scroll 0px 0px; outline: none;}
li.sb_ecourses a:link, li.sb_ecourses a:visited {display: block; width: 200px; height: 74px; background: url('http://anitaskinner.com/wp-content/uploads/2010/03/eCourses-image.png') no-repeat scroll 0px 0px; outline: none;}
li.sb_ecourses a:hover {display: block; width: 200px; height: 74px; background: url('http://anitaskinner.com/wp-content/uploads/2010/03/eCourses-image.png') no-repeat scroll 0px 0px; outline: none;}
/*------------ End of Sidebar buttons BOX ---------------------*/

The sidebar buttons are not showing, all the images have been uploaded to site. Where am I going wrong with this? I just can't get the buttons to show!

My site is: http://anitaskinner.com.

I would really appreciate some help with this.

Thanks and kind regards
Neat
  #2  
Old Mar 25, 2010, 09:49 AM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Why not do it this way, change your widget too this
HTML Code:
<div class="sb-buttons">
<ul>
	<li class="sb_ebooks"><a href="http://anitaskinner.com/fast-start-ebooks"><img src="http://anitaskinner.com/wp-content/uploads/2010/03/eBooks-image.png"></a></li>
	<li class="sb_ecourses"><a href="http://anitaskinner.com/fast-start-ecourses"><img src="http://anitaskinner.com/wp-content/uploads/2010/03/eCourses-image.png"></a></li>
</ul>
</div>
and change the CSS to this
HTML Code:
div#sb-buttons ul li {
border-left:solid 0px #666666 !important;
	}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
IE ruins aligned images in header & center column, & doesn't size nav menu buttons viewdesigninc Header configuration & styling 0 Dec 11, 2009 01:07 PM
[SOLVED] How to replace newer RSS &amp; Comments buttons with colored version buttons? ireneeng RSS, Feeds & Subscribing 5 Nov 12, 2009 07:56 PM
How to replace newer RSS & Comments buttons with colored version buttons? jenb RSS, Feeds & Subscribing 3 Oct 25, 2009 05:14 AM
Bullets, Buttons Not Showing paul_williams Sidebars & Widgets 4 Aug 19, 2009 07:45 AM
[SOLVED] Emiting custom &lt;ul&gt;...&lt;/ul&gt; menu HTML gesman Header configuration & styling 2 Jul 15, 2009 06:14 PM


All times are GMT -6. The time now is 10:17 PM.


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