Sidebar background color - Support | Kriesi.at

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
March 9, 2015 at 1:13 am #407795

svreatt
Participant

Is there a way to have the background color different then the page color while using the widget area in one of the columns while using the Avia editor? Also is there a way to have the same vertical line separate the main content from the widget content?

Thanks

March 9, 2015 at 1:29 am #407799

svreatt
Participant

Is it possible to have a different background color in the main area and the sidebar area while using the Default editor. Right now the background color is white. I’m using the stretched layout so I can’t change the background color. I would like to have a different background color in the sidebar area.

Thanks

March 9, 2015 at 6:07 pm #408305
Elliott
Inactive Moderator
Hi!

You can use some simple CSS to change the sidebar background like so.
```
aside { background: red !important; }
```
Go ahead and send us a link to your page and we’ll take a closer look. If your using the stretched layout then it may be easier.

Best regards,
Elliott
- This reply was modified 9 years, 8 months ago by Elliott.
March 25, 2015 at 4:45 am #417543

svreatt
Participant

Here is a link to a page that I would like the entire sidebar to be grey, not just the part that has a widget.

http://theaddictionsacademy.com/wp/therapy-professionals/recovery-courses-and-certificate-programs/master-addictions-coach/

Thanks.

March 26, 2015 at 3:04 am #418274

Andy
Inactive Moderator

Hey!

please refer to this post: https://kriesi.at/support/topic/color-change-in-sidebar/#post-245767

Hope this helps.

Cheers!
Andy

March 26, 2015 at 3:24 am #418288

svreatt
Participant

Yes, but can i change the color to a light grey?

Thanks

March 26, 2015 at 3:30 am #418291

svreatt
Participant

Also there seems to be wider then the sidebar. The line that separates the main content from the sidebar is inside the grey area. Here is a link to the page.

http://theaddictionsacademy.com/wp/therapy-professionals/recovery-courses-and-certificate-programs/master-addictions-coach/

March 26, 2015 at 3:47 am #418294

svreatt
Participant

I think it my be because I’m using a 65% by 355 layout. How can I adjust the code to account for this?

March 28, 2015 at 5:40 pm #419866
Ismael
Moderator
Hi!

Please remove the css code then replace it with this:
```
aside.sidebar.sidebar_right {
  background: #f1f1f1;
  padding-right: 50px;
}
```
Add this to the functions.php file:
```
add_action('wp_footer', 'ava_sidebar_height');
function ava_sidebar_height(){
?>
<script>
(function($){	
	$(window).resize(function() {
		var contenth = $('.container .av-content-small.units').height();
		$('.sidebar.sidebar_right').css('min-height', contenth);
	}).resize();
})(jQuery);
</script>
<?php
}
```
You might need to increase the sidebar width in the Content | Sidebar Ratio setting.

Cheers!
Ismael
March 30, 2015 at 8:43 pm #420806

svreatt
Participant

Thanks, but this gave me a function error.

April 1, 2015 at 4:24 am #421721

Ismael
Moderator

Hey!

It works fine on our installation. Make sure that the code is intact when you copy it, specially the apostrophe symbols. Get the code from here: http://pastebin.com/Tv4qQUcM

Best regards,
Ismael
Author

Posts

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.