• 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

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Sidebar Border Width’ is closed to new replies.