3 replies to this topic

[58twelve]

Hi

I've got tabber-widget working brilliantly on a dev site on my computer but instead of the 'snow' colour, I want to add a background image instead.
Is this possible.

I attach a screenshot of where I'm up to so far and here is the code I'm using:


.tabber-widget-rounded-light .tabber-widget-content {
padding: 10px 10px 8px 10px;
margin: 0;
clear: both;
background: url ("uploads/2012/04/test.png") no repeat;
border-color: #9A9B9C;
     border-style: solid;
     border-width: 1px;
-moz-border-radius: 0px 10px 10px 10px;
-khtml-border-radius: 0px 10px 10px 10px;
-webkit-border-radius: 0px 10px 10px 10px;
box-shadow: 0 0 4px #9A9B9C;

What am I doing wrong as the image is not appearing at all? Any help gratefully received and with thanks.

Attached Thumbnails

• 

[58twelve]

solved.

[Ronald]

excellent!

if you don't mind, and could share your solution, it could be helpful to others!

thanks,
Ronald

[58twelve]

It turned out to be really easy: there was a missing '/' and 'wp-content' and '-' in the code - fixed that and job done.  User error on my part :-)

.tabber-widget-rounded-light .tabber-widget-content {
clear: both;
float: left;
width: 880px;
padding: 20px;
margin: 0;
border: 2px solid #3d3d3c;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
font-size: 1.2em;
background: #fff url('/wp-content/[color=#282828][font=helvetica, arial, sans-serif]uploads/2012/04/test.png[/font][/color]') no-repeat;
}