Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #152911
    Timbrewolf
    Participant

    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.

    #152941
    Skandha
    Participant

    @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

    #152945
    Timbrewolf
    Participant

    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

    #152954
    Timbrewolf
    Participant

    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 🙁

    #153013
    Skandha
    Participant

    @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

    #153021
    Timbrewolf
    Participant

    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.

    #153030
    Skandha
    Participant

    @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

    #153033
    Timbrewolf
    Participant

    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?

    #153034
    Skandha
    Participant

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

    Kind Regards,
    Skandha

    #153035
    Skandha
    Participant

    @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

    #153037
    Timbrewolf
    Participant

    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.

    #153039
    Skandha
    Participant

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

    Kind Regards,
    Skandha

    #153042
    Timbrewolf
    Participant

    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

    #153043
    Skandha
    Participant

    @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

    #153063
    Timbrewolf
    Participant

    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

    #153074
    Skandha
    Participant

    @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

    #153079
    Timbrewolf
    Participant

    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

    #153141
    Timbrewolf
    Participant

    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.

    #153142
    Skandha
    Participant

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

    Kind Regards,
    Skandha

Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Catch Base Pro Make Primary Sidebar Width Narrower’ is closed to new replies.