Sidebar Border Width
-
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)
-
Bump – please help! Still have no idea ha!
Viewing 1 replies (of 1 total)
- The topic ‘Sidebar Border Width’ is closed to new replies.