Sidebar Size

This topic has 8 replies, 3 voices, and was last updated 6 years, 9 months ago by Elise Noromit.

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

Author

Posts
January 16, 2019 at 8:28 pm #102334

caiohg123
Participant

Hello,

By default, I can change the sidebar to small medium and large.

What is the code to change the size of the sidebar, to the size I want on all pages.

I would like a custom size for widgets sidebar.

January 17, 2019 at 11:21 am #102435

Elise Noromit
Member

Hello,

Please update your theme. https://xtemos.com/docs/basel/update-theme/

What page do you want to change, please provide page URL

Best Regards

January 17, 2019 at 1:45 pm #102473

caiohg123
Participant

I would like to change the width of the sidebar of all the pages that have the filters.
https://uploaddeimagens.com.br/imagens/sem_titulo-jpg-5190bb26-223d-490b-a2a5-d75c8a97944d

Pages (Shop, categories, tags)

https://premiumdecor.com.br/base-cama-box/base-cama-box-0-88-x-1-88/
https://premiumdecor.com.br/categoria/colchao/
https://premiumdecor.com.br/colchao/colchao-0-88-x-1-88/

January 17, 2019 at 3:49 pm #102519
Bogdan Donovan
Keymaster
Hi,

Try to add the following code snippet to the Desktop Custom CSS area in Theme Settings and change numbers to desired. Make sure you changed all width and left/right parameters in right proportion or in other cases bootstrap grid will be broken.
```
.woocommerce-page .shop-content-area {
	width: 70%;
	left: 30%;
}

.woocommerce-page .sidebar-container {
	width: 30%;
	right: 70%;
}
```
Regards
January 17, 2019 at 5:21 pm #102541

caiohg123
Participant

Thank you

January 17, 2019 at 5:47 pm #102542

caiohg123
Participant

On the product page, it is creating an empty space.

https://uploaddeimagens.com.br/imagens/sem_titulo-jpg-49785991-6c93-45e1-8c2a-b0c6792ab8a3

How to remove this space?

January 18, 2019 at 8:56 am #102660
Bogdan Donovan
Keymaster
Hi,

Try to replace previous code with this one:
```
.woocommerce-page:not(.single-product) .shop-content-area {
	width: 85%;
	left: 15%;
}

.woocommerce-page .sidebar-container {
	width: 15%;
	right: 85%;
}
```
Regards
January 19, 2019 at 4:27 am #102839

caiohg123
Participant

Hello…

Could you help me with a code to make the wish list icon always visible?

https://uploaddeimagens.com.br/imagens/sem_titulo-png-59fe46c9-69f1-45e6-b171-a3e3a1a359a1

Thanks in advance.

January 19, 2019 at 9:03 am #102867
Elise Noromit
Member
Hello,

Please add the code to the Theme settings > Custom CSS > Global
```
body .product-grid-item:not(.basel-hover-base) .yith-wcwl-add-to-wishlist {
     opacity: 1;
     visibility: visible;
     transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -sand-transform: none;
}
```
Best Regards
Author

Posts