$5 css question - It really is that simple - I think :) WordPress
- SOLVED
Ok....I've been bustin ma kahoona's for a couple of hours now on a html/css file and I've got a conflict somewhere and can't find it...
Some of my text is showing up black and some of it is showing up white. Of course I know it's in the css but I'll be dammed if I can find it.
Can someone please take a look?
The sidebar text and the text in the bottom half of the listing if black. They are supposed to be white.
fyi: I didn't code all this myself. I paid someone else to code it and I've been going through and 'straightening things up'. So, if you see some wacked out code or some differences, that's what's up.
It's an eBay listing
Thanks.
The code looks like it expanded the page when writing this....Sorry about that. Not sure what I did wrong. I used the code tags
<p style="margin: 5px 0px 0px 5px;"><p>
<style type="text/css">
<!--begin menu css-->
.spotlightmenu{
width: 100%;
overflow:hidden;
}
.spotlightmenu ul{
margin: 0;
padding: 0;
font: bold 14px Verdana; /* font style and size */
list-style-type: none;
text-align: center; /* "left", "center", or "right" align menu */
}
.spotlightmenu li{
display: inline-block;
position:relative;
padding: 5px;
margin: 0;
margin-right: 5px; /* right margin between menu items */
}
.spotlightmenu li a{
display:inline-block;
padding: 5px;
min-width:50px; /* horizontal diameter of spotlight */
height:50px; /* vertical diameter of spotlight */
text-decoration: none;
color: black;
margin: 0 auto;
overflow:hidden;
-moz-transition: all 0.5s ease-in-out; /* CSS3 transition to animate all A properties */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.spotlightmenu li:hover a{
color: white;
background: #a71b15; /* background color of spotlight */
-webkit-border-radius: 50%; /* large radius to create circular borders */
-moz-border-radius: 50%;
border-radius: 50%;
}
.spotlightmenu li a span{
position:relative;
top:35%; /* move text down so it appears centered within menu item */
}
<-- end menu css-->
body{color:#fff;
}
#main{
margin:0 auto 5px auto;
width:1015px;
}
img{
border:0;
}
.curv_img{
width:980px;
float:none;
}
.main_details{
width:761px;
background:url(http://ebay.pocketchalker.com/images/curv2.jpg) repeat-y center 0;
padding:0 127px 0 127px;
float:left;
}
.banner{
width:761px;
float:left;
height:228px;
}
.details_holder{
width:761px;
float:left;
background:url(http://ebay.pocketchalker.com/images/bg-details.png);
font-family: Verdana, Geneva, sans-serif;
}
.sidebar{
width:192px;
float:left;
padding:5px 10px 0 5px;
height: auto;
}
h3.skype {
width:192px;
float:left;
-webkit-border-radius:7px 7px 0px 0px;
-moz-border-radius:7px 7px 0px 0px;
-khtml-border-radius:7px 7px 0px 0px;
border-radius:7px 7px 0px 0px;
font-size:20px; color:#fff;
background:url(http://ebay.pocketchalker.com/images/hd2.png) no-repeat 0 0;
text-align:center;
padding:5px 0;
border-bottom:1px solid #333;
margin:0;
-moz-box-shadow:0 0 5px #848484;
-box-shadow:0 0 5px #848484
}
h3.skype a{
color:#fff;
text-decoration:none;
}
.sidebar_box{
width:192px;
float:left;
padding:0 0 15px 0;
}
.sidebar_box .text_holder{
width:172px;
float:left;
font-size:12px;
-moz-border-radius:0 0 7px 7px;
-webkit-border-radius:0 0 7px 7px;
border-radius:0 0 7px 7px;
padding:10px;
background:url(http://ebay.pocketchalker.com/images/watercolor.jpg) repeat-x #000;
-moz-box-shadow:0 0 5px #848484;
-box-shadow:0 0 5px #848484;
text-align: center;
font-family: Verdana, Geneva, sans-serif;
}
.sidebar_box .text_holder textarea{border:0;
background:none;
color:#000;
font-family: Verdana, Geneva, sans-serif;
width:165px
}
.sidebar_box h3{
width:192px;
float:left;
-webkit-border-radius:7px 7px 0px 0px;
-moz-border-radius:7px 7px 0px 0px;
-khtml-border-radius:7px 7px 0px 0px;
border-radius:7px 7px 0px 0px;
font-size:20px;
color:#fff;
background:url(http://ebay.pocketchalker.com/images/hd1.jpg) no-repeat 0 0;
text-align:center;
padding:5px 0;
border-bottom:1px solid #333;
margin:0;
-moz-box-shadow:0 0 5px #848484;
-box-shadow:0 0 5px #848484
}
.main_content_mine{
width:554px;
height:auto;
float:left;
padding:5px 0 0 0;
}
.main_content_mine h3{
width:545px;
float:left;
font-size:18px;
margin:0;
padding:1px 0 5px 0;
background:url(http://ebay.pocketchalker.com/images/barr.png) no-repeat 0 0;
height:48px;
-webkit-border-radius:7px 7px 0px 0px;
-moz-border-radius:7px 7px 0px 0px;
-khtml-border-radius:7px 7px 0px 0px;
border-radius:7px 7px 0px 0px;
-moz-box-shadow:0 0 5px #848484;
-box-shadow:0 0 5px #848484;
text-align:center;
color: #0F0;
}
.common_container{
width:554px;
float:left;
background:url(http://ebay.pocketchalker.com/images/bg-box.jpg) repeat-x #000;
-moz-border-radius:0 0 7px 7px;
-webkit-border-radius:0 0 7px 7px;
border-radius:0 0 7px 7px;
padding:0px;
}
.common_container .text_holder{
width:554px;
float:right;
-moz-box-shadow:0 0 0 0 #00a8b5;
-box-shadow:0 0 10px #00a8b5;
padding:0;
font-size:14px;
text-align: center;
}
.whitebox_main{
width:535px;
height:680px;
float:left;
background:#fff;
-webkit-border-radius:10px;
border-radius:10px;
padding:5px;
color:#000;
font-size:14px;
margin: 0 0 0 0;
}
.whitebox_main h2{
width:291px;
float:left;
font-size:24px;
margin:0;
padding:0 0 10px 0;
}
.whitebox_side{
width:535px;
height:300px;
float:left;
background:#fff;
-webkit-border-radius:10px;
border-radius:10px;
padding:5px;
color:#000;
margin-top: 10px;
}
.whitebox_side h2{
width:500px;
font-size:24px;
margin:0;
float:none
padding:0 0 10px 0;
}
.small_whibox1{
width:150px;
height:200px;
float:left;
padding:5px;
margin-right:20px;
background:#fff;
-webkit-border-radius:10px;
border-radius:10px;
color:#000;
font-size:14px;
}
.small_whibox2{
width:153px;
height:220px;
float:left;
padding:5px;
margin: 0 0 5px 15px;
background:#fff;
-webkit-border-radius:10px;
border-radius:10px;
color:#000;
font-size:14px;
}
.img_holder{
width:540px;
float:left;
padding:10px 0 5px 0;
}
.img_holder img{
padding:0 12px 0 0;
}
.video_holder{
width:500px;
float:center;
padding:0 0 0 0;
text-align:center
}
.video_holder h3{
width:500px;
float:center;
text-align:center;
font-size:18px;
font-style:italic;
padding:0 0 0 0;
}
.video_holder textarea{
border:0;
background:none;
color:#fff;
font-size:32px;
width:500px
}
.footer{
width:741px;
height:0px;
float:left;
background:url(http://ebay.pocketchalker.com/images/footer.jpg) no-repeat 0 0;
padding:0 10px 0 10px;
color:#fff;
font-size:20px;
}
</style>
</p>
<div id="main">
<div class="curv_img">
<img alt="pocketchalker-top" src="http://ebay.pocketchalker.com/images/curv1.jpg" />
</div>
<div class="main_details">
<div class="details_holder">
<div class="banner">
<img alt="banner" src="http://ebay.pocketchalker.com/images/banner.gif" /> </div>
<div class="sidebar">
<h3 class="skype">
Guarantee</h3>
<div class="sidebar_box">
<div class="text_holder">
<img alt="100" height="175" src="http://ebay.pocketchalker.com/images/100_Satisfaction_Guarantee.png" width="175" /></div>
</div>
<div class="sidebar_box">
<h3>
Our Home</h3>
<div class="text_holder">
Euro Pocket Chalker<br />
ul. Orzeszkowej 14/6<br />
64-920 Pila, Poland<br />
tel: +48 511 008 668</div>
</div>
<div class="sidebar_box">
<h3>
Confidence</h3>
<div class="text_holder">
Bid with confidence<br />
Check out our <a href="http://myworld.ebay.co.uk/pocketchalker" target="_blank">Positive Feedback</a> and see what people are saying about our products.</div>
</div>
<div class="sidebar_box">
<h3>
Paypal Verified</h3>
<div class="text_holder">
<!-- Begin Official PayPal Seal --><a href="https://www.paypal.com/us/verified/pal=Dougm1966%40gmail%2ecom" target="_blank"><img alt="Official PayPal Seal" border="0" src="https://www.paypal.com/en_US/i/icon/verification_seal.gif" /></a><br />
<!-- End Official PayPal Seal --><span style="font-size:16px;">Since 2005</span></div>
</div>
<div class="sidebar_box">
<h3>
<em>FREE</em> Shipping</h3>
<div class="text_holder">
<p>
<span style="font-size: 18px;"><font color="#3CFF00">Free Shipping<br />
Worldwide</font></span><br />
All orders are shipped within 24hrs of payment.<br />
<img alt="placeholder" height="50" src="http://imgs.inkfrog.com/pix/pocketchalker/blue_mailbox_3.gif" width="53" /><br />
Delivery to:<br />
US - 6 - 8 days<br />
Europe - 3 - 4 days<br />
Australia - 8 -10 days<br />
Asia - 12-14 days</p>
<p>
<span style="font-size: 11px;">Working days of course</span></p>
<p>
<img alt="girl" src="http://ebay.pocketchalker.com/images/sexy_ups_girl.jpg" width="172" height="225"/><span style="font-size: 12px;">Sorry, she won't be delivering your package, she just makes this page look better.</span></p>
</div>
</div>
<div class="sidebar_box">
<h3>
Wholesale</h3>
<div class="text_holder">
<p>
<span>Wholesale distributors in:<br />
<strong>- The United States of America - Canada - The United Kingdom -<br />- The Netherlands - Germany - France - Poland - Italy</strong> -</span><br />
</p>
<p>
<span>Retail Distributors in all of the above plus:<br />
<strong>Australia - Philippines - Spain - Ukraine</strong></span></p>
</div>
</div>
<div class="sidebar_box">
<h3>
Points to Ponder</h3>
<div class="text_holder">
<p style="text-align: left;">
<span>1. When giving DRS ratings:</span></p>
<p style="text-align: left;">
<span>"Shipping" time is our responsibility.</span></p>
<p style="text-align: left;">
<span>"Delivery" time we can not control.<br />
<br />
We DO ship our products within 24 hrs of payment, unless it's late on a Friday. Then we ship out on Monday. Trust me, it'll get there within a couple of weeks.</span></p>
<p style="text-align: left;">
<span>2. Leather and Horn vary in color and texture. It doesn't all look the same.</span></p>
<p style="text-align: left;">
<span> 3. Regardless of your issue, if you have ANY problem with our products, EVER, I personally guarantee you that you will be satisified. If not I will refund your money AND eat the cost of the product and shipping myself.</span></p>
<p style="text-align: left;">
<span><em>Doug Montgomery</em></span><br />
</p>
</div>
</div>
</div>
<div class="main_content_mine">
<h1 style="width: 514px;
float: left;
font-size: 32px;
margin: 0px;
padding: 5px 0px 0px 30px;
background-image: url(http://ebay.pocketchalker.com/images/barr.png);
height: 45px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
color: rgb(0, 255, 0);">
FEATURED - Finger Wraps</h1>
<p>
</p>
<h3>
“May your stroke be true and line your pockets...”</h3>
<p style="text-align: center;">
</p>
<div class="common_container">
<div class="text_holder">
<div class="whitebox_main">
<br />
<!-- beginning of menu -->
<div class="spotlightmenu">
<ul>
<li><a href="#details"><span>Details</span></a></li>
<li><a href="#video"><span>Video and colors</span></a></li>
<li><a href="#about"><span>As seen on</span></a></li>
</ul>
</div>
<!-- end of menu -->
The NExTGeneration Pool Glove
<strong>Designed with the help of the Pros</strong><br />
<br />
<img alt="Pool Glove" src="http://imgs.inkfrog.com/pix/pocketchalker/pool-glove.jpg" style="border-width: 0px; border-style: solid; height: 500px; width: 500px;" title="" /><br />
<font size="1"> </font><br />
<span style="font-size: 12px;"><span style="background-color: rgb(255, 255, 0);">Video below</span></span><br />
<br />
This is the LAST pool glove you will buy. Guaranteed or your money back<br />
<br />
<strong>UPDATE:</strong> The fingers are now longer and cover to the the first knuckle.<br />More images below</div>
<p><a id="details"></a></p>
<div class="whitebox_side">
<h2>
Euro Fingerwraps</h2>
<p>
Fingerwrap Pool Gloves have been designed with advice from the #1 players in Europe and are made from a lycra pool glove material to stretch and fit any size hand. And obviously Ambidextrous :)</p>
<ul>
<li style="text-align: left;">
No Fingertips or Palms to wearout</li>
<li style="text-align: left;">
No Sweaty Palms</li>
<li style="text-align: left;">
Smoother Stroke</li>
<li style="text-align: left;">
Stroke feedback on an open bridge</li>
<li style="text-align: left;">
Individually made by hand</li>
<li style="text-align: left;">
3 Colors to choose from</li>
<li style="text-align: left;">
Black, beigh and blue</li>
</ul>
<p>
The perfect replacement for a pool glove</p>
<p>
<em><span style="font-size:11px;">Be sure to add us to your<br />
<a href="http://my.ebay.com/ws/eBayISAPI.dll?AcceptSavedSeller&sellerid=pocketchalker&sspageName=DB:FavList" target="_blank">favorites list</a>!</span></em></p>
</div>
<div class="img_holder">
<div class="small_whibox2">
<img alt="Non-foam backing" src="http://imgs.inkfrog.com/pix/pocketchalker/pool-glove-open-bridge.jpg"
style="height: 124px; width: 150px;"/>Non-foam backing for responsive feedback even on an open bridge</div>
<div class="small_whibox2">
<img alt="Packaging" src="http://imgs.inkfrog.com/pix/pocketchalker/pool-glove-packaging.jpg"
style="height: 112px; width: 150px;"/>They come with an extra baggie for storage. About the size of a 50¢ piece</div>
<div class="small_whibox2">
<img alt="Closed bridge" src="http://imgs.inkfrog.com/pix/pocketchalker/pool-glove-closed-bridge.jpg" style="height: 133px; width: 150px;" title="" />Smooth Solid Stroke on a closed bridge</div>
</div>
<p>
<p><a id="video"></a></p>
<h1 style="width: 514px;
float: left;
font-size: 32px;
margin: 0px;
padding: 5px 0px 0px 30px;
background-image: url(http://ebay.pocketchalker.com/images/barr.png);
height: 45px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
color: rgb(0, 255, 0);">VIDEO</h1>
<object height="390" width="545"><param name="movie" value="http://www.youtube.com/v/WKrKgZpPIQc?version=3&hl=en_US&rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed allowfullscreen="true" allowscriptaccess="always" height="390" src="http://www.youtube.com/v/WKrKgZpPIQc?version=3&hl=en_US&rel=0" type="application/x-shockwave-flash" width="545"></embed></object></p>
<div class="img_holder">
<div class="small_whibox4">
<p><a id="colors"></a></p>
<img alt="" src="http://ebay.pocketchalker.com/images/3-colors.jpg" style="border-width: 0px; border-style: solid; width: 510px;" title="" />Finger Wrap Pool and Cueing gloves are available in 3 color choices.<br />
<br />
<span style="font-size:16px;"><strong>This listing is for the color shown in the main image above.</strong></span></div>
<p><a id="about"></a></p>
</div>
</div>
</div>
<h3>
The Euro Chalker Series<br />
Nothing but the best, By The Best, FOR THE BEST!!</h3>
<div class="common_container">
<div class="text_holder">
<p>
<span style="font-family: verdana; font-size: 28px; color: red; "><strong>As Seen On...</strong></span><br />
<span style="font-size:18px; font-family: verdana;"><strong>AZBilliards - InsidePool Magazine - Pro9.co.uk</strong></span></p>
<p>
<span style="font-family: verdana; font-size: 12px; font-weight: bold;">Little did we know that a simple<font color="#3CFF00"><strong><em>"Snap Strap Cover"</em></strong></font>to keep the chalk dust<br />
out of your case and off your cue would be such a big hit!</span></p>
<p>
<span style="font-family: Verdana, Georgia, 'Trebuchet MS'; font-size: 12px; font-weight: bold; ">The</span><span style="font-family: Verdana, Georgia, 'Trebuchet MS'; font-size: 12px; font-weight: bold; color: rgb(60, 255, 0); "><em>"Snap Strap"</em></span> <span style="font-family: Verdana, Georgia, 'Trebuchet MS'; font-size: 12px; font-weight: bold; ">cover pulls tight around the chalk, holding it in tight and allowing you to move the chalk up and use the whole piece.</span></p>
<p>
<img alt="stick" height="19" src="http://ebay.pocketchalker.com/images/billiards.gif" width="420" /><br />
<br />
<span style="color: rgb(60, 255, 0); font-family: verdana; font-size: x-large; ">Italian Saddle Leather - Hand Stitched</span></p>
<table cellpadding="0" cellspacing="0" width="550">
<tbody>
<tr>
<td valign="top">
<p align="center">
_________________________________________________
<span style="font-size: 22px; font-weight bold; "> <br>Who we are and what we do</span>
_________________________________________________
<br><br>
<span style="font-size: 12px; font-weight bold; ">We hand sew and tie leather pool and billiard chalk holders<br />
and accessories for the game of Billiards. Currently we have several<br />
different types and styles available in 3 colors. Our products span the<br />
globe from with over 17,000 sold worldwide since June 2006.</span></p>
<table border="0" cellpadding="0" cellspacing="0" width="550">
<tbody>
<tr>
<td width="210">
<p align="center">
<img alt="image" border="0" height="214" src="http://imgs.inkfrog.com/pix/pocketchalker/marcinandandzrej240.jpg"
width="161" /><br />
<span style="font-family: Verdana, Georgia, 'Trebuchet MS'; font-size: 12px; font-weight bold; ">Daniel working on snaps</span></p>
</td>
<td width="338">
<p align="center">
<img alt="image" border="0" height="212" src="http://imgs.inkfrog.com/pix/pocketchalker/monikaandkasia.jpg" width="292" /><br />
<span style="font-family: Verdana, Georgia, 'Trebuchet MS'; font-size: 12px; font-weight bold; ">Monika and Kasia sewing and assembling<br />
Pocket Chalkers</span></p>
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="550">
<tbody>
<tr>
<td align="center" valign="middle" width="209">
<p align="center">
<img alt="image" border="0" height="226" src="http://imgs.inkfrog.com/pix/pocketchalker/leather.gif" width="162" /><br />
<span style="font-family: Verdana, Georgia, 'Trebuchet MS'; font-size: 12px; font-weight bold; ">We exclusively use<br />
Imported Italian<br />
Saddle leather</span></p>
</td>
<td align="center" valign="middle" width="339">
<p align="center">
<img alt="image" border="0" height="189" src="http://imgs.inkfrog.com/pix/pocketchalker/blackandredhandles.gif" width="290" /><br />
<span style="font-family: Verdana, Georgia, 'Trebuchet MS'; font-size: 12px; font-weight bold; ">Imported HORN handles from India.<br />
This photo shows some of the different<br />
marbleing affects. Not all of the black<br />
handles have this affect although all of<br />
the red and cognac/orange handles do.</span></p>
</td>
</tr>
</tbody>
</table>
<p align="center">
<span style="font-family: Verdana, Georgia, 'Trebuchet MS'; font-size: 12px; font-weight bold; ">All our products made from the finest materials available and they are all hand tied. We use the same leather used in Italian riding saddles imported from Italy.</span><br />
<strong>Guaranteed not to stretch out!!!</strong><br />
</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<h3>
From ALL of us<br />
here at...</h3>
<div class="common_container">
<div class="text_holder">
<h4 style="color: blue;">
<img alt="" src="http://imgs.inkfrog.com/pix/pocketchalker/epc-eclipse.png" style="border-style: solid; height: 111px; width: 545px;" title="" /></h4>
<h4 style="color: blue;">
<span style="color:#ffffff;"><code><kbd><var><span style="font-size: 48px;">WE THANK YOU FOR<br />
YOUR SUPPORT!</span></var></kbd>
</div>
</div>
</div>
</div>
</div>
<div class="curv_img">
<img alt="" src="http://ebay.pocketchalker.com/images/curv3.jpg" /></div>
</code>
Answers (3)
isp_charlie answers:
sidebar_box * {color:#FFF!important}
Doug Montgomery comments:
Thanks...That got the sidebar...how about that "damn" table? I hate tables but haven't learned to code divs properly yet.
isp_charlie comments:
table * {color:#FFF}
Doug Montgomery comments:
And where would I put this?
isp_charlie comments:
any where on style file like before code:
table,
table * {color:#FFF!important}
Doug Montgomery comments:
Using this:
.table { color:#FFF!important
}
I get no change
isp_charlie comments:
use this
table,
table * {color:#FFF!important}
Doug Montgomery comments:
I'm sorry, but that doesn't make sense to me and when I do cut and paste it nothing happens.
isp_charlie comments:
can you make screenshot ?
Doug Montgomery comments:
Sure....
Here is the code also...
.footer{
width:741px;
height:0px;
float:left;
background:url(http://ebay.pocketchalker.com/images/footer.jpg) no-repeat 0 0;
padding:0 10px 0 10px;
color:#fff;
font-size:20px;
table,
table * {color:#FFF!important}
</style>
I also used this...As I mentioned
.footer{
width:741px;
height:0px;
float:left;
background:url(http://ebay.pocketchalker.com/images/footer.jpg) no-repeat 0 0;
padding:0 10px 0 10px;
color:#fff;
font-size:20px;
.table{ color:#FFF!important
}
</style>