Widget Sidebar Background color

[Rui Guerreiro – SUPPORT]

Hi,

Add this code bellow to your custom css options.

.post-13055 .right-sidebar{
background-color: #e4f2ff!important;
padding: 15px!important;
}

-Rui

[frankjenex]

hi Rui- it still did not work. May I ask what 13055 is?
i am worried that i may not have set the blog up properly – this is what i did.
1. I create a new page
2. i put in Blog from Swift Builder.

Attached is a screen shot of all my custom css to date. maybe something is interfering with this.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
You have error in custom css boc at admin so please open and find code
body.page-id-13055 .sidebar {background-color: #e4f2ff; padding: 15px;}
Here you have one single quote and another at next of this line.

I marked wrong code area-:
.onsale, .out-of-stock-badge, .free-badge, .wc-new-badge{ display: none; }
.woocommerce ul.products li.product .price {display: none;}
#product-accordion .accordion-group:nth-child(2) {display: none;}

.single-product .sidebar {background-color: #e4f2ff; padding: 15px;}
.single-post .sidebar {background-color: #e4f2ff; padding: 15px;}
div.textwidget h3{line-height:0px;}.sidebar .widget-heading h4 span {background-color: #e4f2ff;}

body.page-id-13055 .sidebar {background-color: #e4f2ff; padding: 15px;}
body.page.page-id-13055 div.standard-post-content.span6{width:770px !important;}

li.product figcaption .shop-actions > a {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; box-shadow: none;}

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button {
text-shadow: none;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
text-decoration: none;}

span.standard-post-date{display:none}
ul.blog-items li.blog-item div.row div.standard-post-author div.author-avatar{display:none}
ul.blog-items li.blog-item div.row div.standard-post-author span.standard-post-author-name{display:none}

.post-13055 .right-sidebar{
background-color: #e4f2ff!important;
padding: 15px!important;
}
Thanks 🙂
With Best Regards
Mohammad

[frankjenex]

thanks very much Mohammad – i really appreciate all your support help in making this theme look great for our site. I have a few other requests, but will put them in a separate post.
Great theme – thanks for all your expertise.
-Frank

[Kyle – SUPPORT]

No problem, glad Mohammad could help you

– Kyle

[frankjenex]

THanks Kyle – two more items related to this thread that i noticed.
You had given me custom css for the following two items:
1. adjust the background color of the sidebar.
2. adjust the left margin of the posts (after removing ‘posted by’ and avatar).

When i filter a category on the blog the new background color is not showing up and the margins are set in to original position (see link: https://thikit.com/category/thick-business-cards/) – also included is screen shot.

You have given me sidebar background color custom CSS for Products and Blog posts – not sure if it is easier to get one global sidebar background color custom CSS – instead. Just thinking out loud.
Thanks.
Frank

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.right-sidebar {background-color: #e4f2ff; padding: 15px;}
div.standard-post-content.span6{width:770px !important;}

Thanks 🙂
With Best Regards
Mohammad