Solved

change text widget style

Posted on 2011-03-18
4
592 Views
Last Modified: 2012-06-27
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
Comment
Question by:COwebmaster
  • 3
4 Comments
 
LVL 40

Accepted Solution

by:
gurvinder372 earned 500 total points
Comment Utility
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
 

Author Comment

by:COwebmaster
Comment Utility
I added that in but the background is still showing up blue on that widget (the one right under the form)
0
 

Author Comment

by:COwebmaster
Comment Utility
what do you mean by selector?
0
 

Author Comment

by:COwebmaster
Comment Utility
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

Featured Post

What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

Join & Write a Comment

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
The purpose of this video is to demonstrate how to Test the speed of a WordPress Website. Site Speed is an important metric of a site’s health. Slow site speed can result in viewers leaving your site quickly and not seeing your content. This…

728 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now