Title: Sidebar Border Width Help
Last modified: August 30, 2016

---

# Sidebar Border Width Help

 *  Resolved [dimesanddonuts](https://wordpress.org/support/users/dimesanddonuts/)
 * (@dimesanddonuts)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/sidebar-border-width-help/)
 * Hi,
 * I am trying to figure out how to change the width of the border around my sidebar
   widgets on the right side. I have tried all the things that I can think of yet
   I am at a loss since nothing has worked.
 * I’ve tried going in and changing where it says “border: 5px solid” to a smaller
   number but I don’t know why it is not working. Any help would be greatly appreciated!
   Thank you!
 *     ```
       <style type="text/css">
   
           .social-twitter {background-color: #ef685e;}
           .social-facebook {background-color: #ef685e;}
           .social-email {background-color: #ef685e;}
           .social-rss {background-color: #cccccc;}
           .social-google {background-color: #ef685e;}
           .social-flickr {background-color: #cccccc;}
           .social-linkedin {background-color: #cccccc;}
           .social-youtube {background-color: #cccccc;}
           .social-vimeo {background-color: #cccccc;}
           .social-instagram {background-color: #ef685e;}
           .social-bloglovin {background-color: #ef685e;}
           .social-pinterest {background-color: #ef685e;}
           .social-tumblr {background-color: #cccccc;}
   
           .social-twitter:hover {background-color: #269dd5;}
           .social-facebook:hover {background-color: #0c42b2;}
           .social-email:hover {background-color: #cccccc;}
           .social-rss:hover {background-color: #f49000;}
           .social-google:hover {background-color: #fd3000;}
           .social-flickr:hover {background-color: #fc0077;}
           .social-linkedin:hover {background-color: #0d5a7b;}
           .social-youtube:hover {background-color: #ff0000;}
           .social-vimeo:hover {background-color: #00c1f8;}
           .social-instagram:hover {background-color: #194f7a;}
           .social-bloglovin:hover {background-color: #00c4fd;}
           .social-pinterest:hover {background-color: #c70505;}
           .social-tumblr:hover {background-color: #304d6b;}
   
           ul.header-icons-list li .nav-rss {background-color: #ddbf6e;}    ul.header-icons-list li .nav-twitter {background-color: #ddbf6e;}    ul.header-icons-list li .nav-facebook {background-color: #ddbf6e;}    ul.header-icons-list li .nav-pinterest {background-color: #ddbf6e;}    ul.header-icons-list li .nav-email {background-color: #ddbf6e;}    ul.header-icons-list li .nav-flickr {background-color: #ddbf6e;}    ul.header-icons-list li .nav-linkedin {background-color: #ddbf6e;}    ul.header-icons-list li .nav-youtube {background-color: #ddbf6e;}    ul.header-icons-list li .nav-vimeo {background-color: #ddbf6e;}    ul.header-icons-list li .nav-google {background-color: #ddbf6e;}    ul.header-icons-list li .nav-instagram {background-color: #ddbf6e;}    ul.header-icons-list li .nav-bloglovin {background-color: #ddbf6e;}    ul.header-icons-list li .nav-tumblr {background-color: #ddbf6e;}    ul.header-icons-list li .nav-email {background-color: #ddbf6e;}
           ul.header-icons-list li .nav-rss:hover {background-color: #888888;}    ul.header-icons-list li .nav-twitter:hover {background-color: #888888;}    ul.header-icons-list li .nav-facebook:hover {background-color: #888888;}    ul.header-icons-list li .nav-pinterest:hover {background-color: #888888;}    ul.header-icons-list li .nav-email:hover {background-color: #888888;}    ul.header-icons-list li .nav-flickr:hover {background-color: #888888;}    ul.header-icons-list li .nav-linkedin:hover {background-color: #888888;}    ul.header-icons-list li .nav-youtube:hover {background-color: #888888;}    ul.header-icons-list li .nav-vimeo:hover {background-color: #888888;}    ul.header-icons-list li .nav-google:hover {background-color: #888888;}    ul.header-icons-list li .nav-instagram:hover {background-color: #888888;}    ul.header-icons-list li .nav-bloglovin:hover {background-color: #888888;}    ul.header-icons-list li .nav-tumblr:hover {background-color: #888888;}    ul.header-icons-list li .nav-email:hover {background-color: #888888;}
           h1 {color: #0a0707;}    h2 {color: #0a0808;}    h3 {color: #0a0707;}    h4 {color: #333333;}    h5 {color: #555555;}    h6 {color: #555555;}
           .side-widget h3 {color: #7a7a7a;}     .footer-widget h4 {color: #7a7a7a;}
           .side-widget {border: 5px solid #fcda78;}     .footer {border-top: 10px solid #fcda78;}     .article .post-meta {border-color: #fcda78;}     .article .post-category {background: #fcda78;}     .article .post-category a {color: #666666;}
           .article .post-title {color: #000000;}    .article .post-title a {color: #000000;}    .article .post-title a:hover {color: #ddbf6e !important;}    .pagination {border-color: #efefef;}
           body {color: #666666;}
           .article .post-title a:hover, a {color: #ddbf6e;}     a:hover, .article .post-title a:hover {color: #333333;}
           .footer {border-color: #fcda78;}
           p.footer-copy {background: #efefef;}    p.footer-copy, p.footer-copy a {color: #666666;}
           .header-icons {border-color: #ffffff;}
           .flex-caption {background-color: #000000;}
           .flex-caption h3,
           .flex-caption a,
           .flex-caption a:hover {color: #ffffff;}
           .flex-direction-nav li a.flex-next,
           .flex-direction-nav li a.flex-prev {background-color: #000000;}
   
               .sc-slide .rslides_tabs li.rslides_here a,
           .nivo-controlNav a.active{
             background: #ddbf6e;
           }
   
           .header {border-bottom: 1px solid #ffffff;}    .nav, .nav ul ul {background: #ffffff;}    .nav a {color: #000000;}        .nav a:hover,
           .nav .current-menu-item > a,
           .nav .current-menu-ancestor > a,
           .nav .current_page_item > a,
           .nav .current_page_ancestor > a {
             color: #000000;
           }
   
               a.comment-reply-link,
           a#cancel-comment-reply-link {
             background: #fcda78;
             color: #333333;    }
   
               .post-button,
           .input-button,
           .input-button,
           input[type=submit] {
             background: #fcda78;
             border: 1px solid #fcda78;      color: #333333;    }
   
               a.comment-reply-link,
           a#cancel-comment-reply-link {
             background: #fcda78;
             color: #333333;    }
   
               .post-button:hover,
           .input-button:hover,
           .input-button:hover,
           input[type=submit]:hover {
             background: #888888;
             border: 1px solid #888888;      color: #ffffff;    }
   
           .accordion-title {background-color: #fcda78; color: #333333;}
           .accordion-open {background-color: #888888; color: #ffffff;}
   
         </style>
       ```
   
 * My website is [http://www.DimesandDonuts.com](http://www.DimesandDonuts.com)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [linux4me2](https://wordpress.org/support/users/linux4me2/)
 * (@linux4me2)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/sidebar-border-width-help/#post-6196065)
 * It looks like the problem may be that the border is set inline by your theme,
   which is overriding the setting in style.css.
 * You don’t say what width you want, but I would try this to change it to 2px, 
   and adjust it based on what you really want:
 *     ```
       .side-widget {
         border: 2px solid #FCDA78 !important;
       }
       ```
   
 * The “!important” might help prevent the inline style from messing you up.
 *  Thread Starter [dimesanddonuts](https://wordpress.org/support/users/dimesanddonuts/)
 * (@dimesanddonuts)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/sidebar-border-width-help/#post-6196075)
 * The “important” worked! Thank you so much!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Sidebar Border Width Help’ is closed to new replies.

## Tags

 * [sidebar](https://wordpress.org/support/topic-tag/sidebar/)
 * [widget](https://wordpress.org/support/topic-tag/widget/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 2 participants
 * Last reply from: [dimesanddonuts](https://wordpress.org/support/users/dimesanddonuts/)
 * Last activity: [10 years, 11 months ago](https://wordpress.org/support/topic/sidebar-border-width-help/#post-6196075)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics