Solved

change text widget style

Posted on 2011-03-18
4
617 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

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Disabling a Faux Submit Button 4 41
upload a theme to wordpress 6 29
replacate wordpress websites 3 23
Tell me if I understand this correctly... 6 18
Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
The purpose of this video is to demonstrate how to reset a WordPress password if you are locked out and cannot reset the password. A typical use would be if you cannot access the email to which WordPress would send the password recovery email to…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

734 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