Topic: Sidebar Width « SeaTheme

This topic has 15 replies, 5 voices, and was last updated 10 years, 11 months ago by STrajkovski.

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

Author

Posts
August 15, 2014 at 7:20 pm #4241

whileraf
Participant

Hi, I’d like to change the sidebar width to be similar width to the demo version, which is wider.

WordPress Customization Service from $49 Only! Save your expensive time!

August 16, 2014 at 12:17 am #4245

Johnny
Participant

Hi, please see attached image,
Thank you

WordPress Customization Service from $49 Only! Save your expensive time!

August 20, 2014 at 10:15 am #4280

STrajkovski
Participant

Hi, my theme options page looks different to the image posted above. I get three options, one of which is to have a fixed sidebar. I’ve enabled a fixed sidebar, but would like to adjust the width of the sidebar (make it smaller). How can I prescribe the pixel width of the sidebar?

WordPress Customization Service from $49 Only! Save your expensive time!

August 20, 2014 at 10:58 pm #4287
Johnny
Participant
Hi, check here please: style.css line 283 or about:
```
/* Menu bar always shown */
#sidebar.sidebar_show {  left: 0; width: 240px;}
```
Best
WordPress Customization Service from $49 Only! Save your expensive time!

August 21, 2014 at 12:09 am #4288

STrajkovski
Participant

Thank you. Changing this setting only adjusts the width of the text inside the sidebar. The grey background of the sidebar itself doesn’t change in size.

Any other ideas?

WordPress Customization Service from $49 Only! Save your expensive time!

August 21, 2014 at 12:22 am #4289

STrajkovski
Participant

I ended up working it out. I also had to amend the following:

}
#sidebar.sidebar_show ~ #main-wrap{
padding-left: 150px;
}

WordPress Customization Service from $49 Only! Save your expensive time!

August 21, 2014 at 12:37 am #4290

STrajkovski
Participant

I have two new issues. The copyright text shows on two lines. how do I reduce the left margin so that the text can fit on one line?

Also, when hovering over the menu text in the sidebar, the highlight box remains the width of the original sidebar. How do I get the highlight box to match the new sidebar width?

See the attached screenshot.

WordPress Customization Service from $49 Only! Save your expensive time!

August 21, 2014 at 6:42 am #4292
Johnny
Participant
Hi,
-copyright style here:
```
.sidebar-bottom-wrap {
position: absolute;
bottom: 60px;
left: 40px;
max-width: 200px;
}
```
-menu item width here:
```
#navi>div>ul>li>a {
width: auto;
min-width: 220px;
padding: 0 20px 0 20px;
z-index: 9;
}
```
Best
WordPress Customization Service from $49 Only! Save your expensive time!

August 21, 2014 at 11:15 pm #4296

STrajkovski
Participant

Awesome!
Thanks very much.

WordPress Customization Service from $49 Only! Save your expensive time!

August 22, 2014 at 12:38 am #4297

STrajkovski
Participant

This reply has been marked as private.

WordPress Customization Service from $49 Only! Save your expensive time!

April 17, 2015 at 6:05 am #7003
SeaTheme
Keymaster

Purchased
Expired
Hi there, how to reduce the left sidebar width (blue color)? Thanks.

Site: http://zhengkeng.exxelnet.sg

Please login wp-admin, go to Theone / General Settings / Custom Css
Paste the style code to Custom Css:
```
#sidebar.sidebar_show {width: 240px;}
#main-wrap{padding-left: 240px;}
#navi>div>ul>li>a{min-width: 220px;}
.sidebar-bottom-wrap { max-width: 200px;}
```
If you want to reduce the sidebar width 20px, change the 4 values as 220px, 220px, 200px and 180px
WordPress Customization Service from $49 Only! Save your expensive time!

April 17, 2015 at 6:30 am #7004

rapidcloud
Participant

Hi, i had try but there is extra grey background beside it. Can you check? Thanks.

Below is my css and i reduce to 40px.

#sidebar.sidebar_show {width: 200px;}
#main-wrap{padding-left: 200px;}
#navi>div>ul>li>a{min-width: 180px;}
.sidebar-bottom-wrap { max-width: 160px;}

WordPress Customization Service from $49 Only! Save your expensive time!

April 17, 2015 at 1:08 pm #7008

SeaTheme
Keymaster

Purchased
Expired

Please add the cutome css:

#sidebar.sidebar_show ~ #main-wrap {padding-left: 200px;}

WordPress Customization Service from $49 Only! Save your expensive time!

July 13, 2015 at 2:33 am #7889

STrajkovski
Participant

Hi,

How do I control the container size for the user-selected icon at the top of the sidebar menu?

WordPress Customization Service from $49 Only! Save your expensive time!

July 13, 2015 at 7:56 am #7893

SeaTheme
Keymaster

Purchased
Expired

Hi STrajkovski,

I am not clear which icon you mentioned. Please paste a screenshot. Thanks!

Cheers!
Bwsm – uiueux.com

WordPress Customization Service from $49 Only! Save your expensive time!

July 15, 2015 at 11:52 am #7912

STrajkovski
Participant

Nevermind. The issue was resolved in another thread.

WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

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

You must be logged in to reply to this topic.