Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 645
  • Last Modified:

change text widget style

I have two widgets in my primary sidebar and I want to remove the styles on the bottom widget.  I noticed the sidebar widget in the stylesheet as:

#sidebar .widget, #sidebar-alt .widget {
 -moz-box-shadow: 0 0 5px #3F685C inset;
    background: none repeat scroll 0 0 #ccecf2;
    border: 1px solid #00b8de;
    margin: 0 0 15px;
    padding: 10px 15px 5px;
 }

the name of the bottom text widget is text-13.  In the css, what would I reference add to it to remove the background color, border, margin, padding and shadow on that specific text widget?

The site is http://saltlakecityappliancerepair.org/dev/home-2/
0
COwebmaster
Asked:
COwebmaster
  • 3
1 Solution
 
Gurvinder Pal SinghCommented:
add this after the above mentioned style (basically the ordering of styles matters)
#text-13 .widget{
 -moz-box-shadow: 0 0 5px #3F685C inset;
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
 }

please check the selector is written properly as per your HTML structure
0
 
COwebmasterAuthor Commented:
I added that in but the background is still showing up blue on that widget (the one right under the form)
0
 
COwebmasterAuthor Commented:
what do you mean by selector?
0
 
COwebmasterAuthor Commented:
got it to work, thx!  It's this:

#sidebar #text-13.widget {
 -moz-box-shadow: none;
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
 }
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now