Sidebar color - Support | Kriesi.at - Premium WordPress Themes

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

Author

Posts
January 13, 2017 at 2:18 pm #733121

zeaigars
Participant

Hello!
I changed sidebar color using this css code:
#top #main .sidebar { background-color: white; }
You can see result here:
https://goo.gl/ikXc8Y
How to change the rest sidebar space to white?

January 17, 2017 at 9:00 am #734566
Ismael
Moderator
Hey zeaigars,

Thank you for using Enfold.

The whole sidebar is already white. If you want to create more space on the right side of the container, please use this css code.
```
.inner_sidebar {
    margin-left: 50px;
    margin-right: 50px;
}
```
Best regards,
Ismael
January 23, 2017 at 2:14 pm #737250

zeaigars
Participant

Hello, again!
Please see this image:
https://s24.postimg.org/ulo9z870l/Screenshot_26.png
How can I turn this area white as well?

January 23, 2017 at 5:01 pm #737338

Vinay
Inactive Moderator

Hi,

To achieve a fullwidth sidebar please refer to this link https://kriesi.at/support/topic/change-colour-of-entire-sidebar/#post-731082

Best regards,
Vinay

January 23, 2017 at 7:46 pm #737398

zeaigars
Participant

Okey,
I followed instructions..
Check this image:
https://s23.postimg.org/ubdqsiw0r/Screenshot_26.png

January 24, 2017 at 9:52 am #737625

zeaigars
Participant

Could you please help me with this?

January 24, 2017 at 10:21 am #737645
Vinay
Inactive Moderator
Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
```
#top #main .sidebar{
	transform:translateX(105px);
}
```
Best regards,
Vinay
January 24, 2017 at 10:27 am #737649

zeaigars
Participant

Great! Thanks

January 24, 2017 at 11:20 am #737663

zeaigars
Participant

Another thing..
Now the sidebar goes under the footer if page has less content.
Take a look:
https://s27.postimg.org/tiou1bcgj/Screenshot_1.png

January 25, 2017 at 2:13 pm #738373
Vinay
Inactive Moderator
Hi,

Please update the previous css code to below :
```
#top #main .sidebar {
    transform: translateX(105px);
    overflow-y: auto;
}
```
Best regards,
Vinay
- This reply was modified 7 years, 11 months ago by Vinay.
January 25, 2017 at 10:23 pm #738623

zeaigars
Participant

OK, now it looks like this:
https://s29.postimg.org/i5g5ztt53/Screenshot_4.png
how to remove scrolling bar? ;/

January 26, 2017 at 11:43 am #738844

Vinay
Inactive Moderator

Hey!

If the scrollbar is removed the content that is below the footer cannot be accessed.

However there is a way to make the scrollbar look nice with some css code.

Please refer to these links

scrollbar

Best regards,
Vinay
Author

Posts

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

You must be logged in to reply to this topic.