Jump to content


resolved

Tabber Widget Background Image

tabber widget background image

This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 58twelve

58twelve

    Advanced Member

  • Members
  • PipPipPip
  • 84 posts

Posted 04 April 2012 - 03:08 AM

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

  • Screen shot 2012-04-04 at 10.05.11.png


#2 58twelve

58twelve

    Advanced Member

  • Members
  • PipPipPip
  • 84 posts

Posted 04 April 2012 - 03:38 AM

solved.

#3 Ronald

Ronald

    Forum Admin

  • Administrators
  • Others: All Plugins, All Themes, Moderators, Webdesign
  • 29,910 posts

Posted 05 April 2012 - 07:02 AM

excellent!

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

thanks,
Ronald

Join the iThemes Builder Community on Google+.



To ensure that we can process your support request efficiently, ALWAYS include a link to your site, and/or the page your request is related to. Please also read the forum guidelines.



When asking your question/posting your request on the forum, please be as concise and specific as possible. The shorter your request, the more to the point, the more specific, the easier it will be for us to try and help out.


#4 58twelve

58twelve

    Advanced Member

  • Members
  • PipPipPip
  • 84 posts

Posted 07 April 2012 - 02:01 AM

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;
}