Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #130906
    lizhenkenius
    Participant

    Hello! I’ve recently added a sidebar to the post pages on my website and am wondering if I can change the width. I’d like it to be a bit narrower so that the body of the post takes up a larger portion of the page. I’m using parallax frame, here is my website: elephantstep.com Any help is appreciated!

    Thanks,
    Liz

    #130936
    Skandha
    Keymaster

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

    @media screen and (min-width:991px) {
    	article {
    		width:115%;
    	}
    	.sidebar.sidebar-primary.widget-area {
    		width: 20%;
    		position: absolute;
    		right: 20px;
    		
    	}
    
    }
    article {
    text-align: justify;
    }

    Let me know if this solves your issue!

    Regards,
    Skandha

    #130983
    lizhenkenius
    Participant

    @skandha Thank you so much that solved it!!

    #131009
    Skandha
    Keymaster

    @lizhenkenius: Glad that the issue is resolved. Have a good day!

    Regards,
    Skandha

    #146345
    Sea82
    Participant

    Hello there,

    I am trying to reduce the width of the sidebar widget area of my site: http://altramatica.altervista.org/
    I have tried the above CSS code, but it doesn’t work here. The body of the post gets larger, but the sidebar stays the same width. As a result, some part of the text is hidden by the sidebar. Removing the CSS code set everything back to normal. However, how can I reduce the width of the sidebar?
    It has been some time I’m stuck with this issue, any help would be really appreciated 🙂

    Thank you!

    #146430
    Skandha
    Keymaster

    @sea82: Hello there, you don’t seem to be using our theme. Please post your queries in the respective theme support forum.

    Kind Regards,
    Skandha

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Sidebar Width’ is closed to new replies.