[Timbrewolf]

Hi

I would like to change the primary sidebar width so that primary sidebar is the same width as the secondary sidebar which is narrow. The aim of this is to make the content area wider for posts with equal size narrow menus on each side as I only use narrow widgets.
There is already a setting for this but it makes both the sidebars equal primary width where I want equal secondary width because it is narrower.

Any help appreciated.

Website: kentparanormal.com.

[Skandha]

@timbrewolf: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.sidebar-primary {
	width:240px !important;
}
#content_sidebar_wrap #main {
	width:680px !important;
}

Let me know if this is what you want!
Kind Regards,
Skandha

[Timbrewolf]

Hi Skandha

I have tried this out on a test site http://thegableroom.co.uk and it works.

The only issue now is that when I add a post in the middle content area the text over spills in to the primary sidebar area see site:

test website

[Timbrewolf]

I have added the code #content {word-wrap: break-word;} which seems to cure the text overspill from the content area in website view but this does not cure the issue in mobile view 🙁

[Skandha]

@timbrewolf: Please replace the previous CSS Code with the following.

@media screen and (min-width:991px) {
	.sidebar-primary {
		width:240px !important;
	}
	#content_sidebar_wrap #main {
		width:680px !important;
	}
}

Let me know if this works out!
Kind Regards,
Skandha

[Timbrewolf]

Hi Skandha

I have tried this but I am getting the following errors :

Expected COLON at line 3, col 3.
Expected RBRACE at line 4, col 5.
Expected COLON at line 6, col 3.
Expected COLON at line 7, col 3.
Unexpected token ‘}’ at line 8, col 1.

I have override the errors and published this so you can see the result.

[Skandha]

@timbrewolf: Are these errors coming from the test site or the website you are working on?
I think the code I provided you should work perfectly.

Kind Regards,
Skandha

[Timbrewolf]

Hi Skandha

The test site as it is exactly the same theme I have applied this to the other site and it still shows the same errors do you want me to email you the login/password details for test site thegableroom.co.uk so you can look yourself?

[Skandha]

@timbrewolf: Yes, that would be helpful resolving the issue. I will contact you shortly by email.

Kind Regards,
Skandha

[Skandha]

@timbrewolf: I added the additional CSS to your testing site and it seems to be working well. You can check it and then apply it to your website.

Kind Regards,
Skandha

[Timbrewolf]

Hi Skandha just sent you another email with login details as code appears to effect the other site differently as primary menu has now dropped below content.

[Skandha]

@timbrewolf: I have correct the additional CSS. Please check if the issue is resolved.

Kind Regards,
Skandha

[Timbrewolf]

Thanks Skandha that’s great your assistance has been brilliant.

Strange how the width is different as both sites using same theme. I guess the custom images I created in the widgets must be stretching the site a bit?

I guess you could also use percentage instead of px for widths.

Anyway thanks again

Andy

[Skandha]

@timbrewolf: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/catch-base/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help,
don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[Timbrewolf]

Hi Skandha yes I will certainly leave a review.

As you said above is there anything else, just one last thing:

Is there any way of making the padding narrow and equal on kentparanormal.com?

Big gap between secondary sidebar and content.

Big gap between primary sidebar Custom Widget text and edge of website where Site Menu text
on secondary sidebar looks fine.

The gap between content and primary sidebar looks fine.

Thanks Andy

[Skandha]

@timbrewolf: The padding between the Secondary sidebar -> Content and the Content -> Primary Sidebar is the same. As the widgets in the secondary sidebar are not fully using the width it looks like there is a bigger gap between the Secondary sidebar -> Content.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.sidebar-secondary {
      padding-left:40px;
}

Maybe this will make it look better.

To decrease the gap between primary sidebar Custom Widget text and Menu

#custom_html-24 {
	margin-bottom:0;
}

Let me know if this works out!
Kind Regards,
Skandha

[Timbrewolf]

Hi Skandha I have added your code and added some more there is just a wide gap each side of the content area now both sidebars are the same width spacing from edge. I have changed the login password details back as before if you want to add more code to reduce the gaps either side of content area to get it right. If you have deleted the email send me another one and I will give you the login details.

Thanks

[Timbrewolf]

Hi Skandha I see what you mean about the padding the sidebars are wider than the columns on my old site. I have left a review as requested thanks.

[Skandha]

@timbrewolf: Thank you very much for your appreciation. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts