Solved

change text widget style

Posted on 2011-03-18
4
628 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
4 Comments
 
LVL 40

Accepted Solution

by:
gurvinder372 earned 500 total points
ID: 35167767
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
ID: 35167801
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
ID: 35168076
what do you mean by selector?
0
 

Author Comment

by:COwebmaster
ID: 35168114
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

Creating Instructional Tutorials  

For Any Use & On Any Platform

Contextual Guidance at the moment of need helps your employees/users adopt software o& achieve even the most complex tasks instantly. Boost knowledge retention, software adoption & employee engagement with easy solution.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article shows the steps required to install WordPress on Azure. Web Apps, Mobile Apps, API Apps, or Functions, in Azure all these run in an App Service plan. WordPress is no exception and requires an App Service Plan and Database to install
There are times when I have encountered the need to decompress a response from a PHP request. This is how it's done, but you must have control of the request and you can set the Accept-Encoding header.
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

623 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