This topic contains 17 replies, has 2 voices, and was last updated by  Skandha 2 weeks ago.

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #154186

    toerfiets
    Participant

    Hi,
    Is it possible to make the sidebar_after-post smaller?
    I searched in the forum, but I cannot find a solution.

    Kind regards

    Hans Hagmeijer

    #154207

    Skandha
    Participant

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

    article {
    	padding-bottom:0 !important;
    	margin-bottom:0 !important;
    }
    #media_image-60 {
    	margin-bottom:0 !important;	
    }

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

    #154251

    toerfiets
    Participant

    Hi Skandha,

    That did not work.
    You can see what I mean if you go to the following URL: http://www.hagmeijer.nl/uncategorized/start2bike-training-mtb-september/
    login name: bestuur; password: bestuur

    This is post page.
    You see the big sidebar at the right site. I should like to make this sidebar smaller.
    And: if it is possible: I should turn the background color of the unused part of the sidebar, into white instead of light grey.

    Thans for helping us.

    Kind regards

    Hans Hagmeijer

    #155225

    toerfiets
    Participant

    Hi Skandha,

    This did not work.I think you forgot to answer. Is not a big deal.

    Kind regards

    Hans Hagmeijer

    #155295

    Skandha
    Participant

    @toerfiets: Sorry for the late reply. You are using 2 widget areas. Footer Widget Area 4 and Before Footer widget area. The widgets already look compact and I don’t think you can much about reducing the height.

    May be this will marginally reduce the height
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #supplementary, .sidebar.sidebar-before-footer.widget-area {
    	padding:0 !important;
    }

    Let me know if this helps you out!
    Kind Regards,
    Skandha

    #155299

    toerfiets
    Participant

    Hi Skandha,,

    I was not clear, I think. It isn’t the sidebar before footer, but the sidebar after post. See: http://www.hagmeijer.nl/uncategorized/start2bike-training-mtb-september/
    It is the sidebar at the right side of the page. That sidebar should be smaller.
    Problem also is the background color of the sidebar. This color stays gray.

    Kind regards

    Hans Hagmeijer.

    #155686

    Skandha
    Participant

    @toerfiets: To remove background color of right sidebar
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .site-content .wrapper {
    	background:none;
    }

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

    #155772

    toerfiets
    Participant

    Thank you Skandha.

    Kind regards

    Hans Hagmeijer

    #156094

    toerfiets
    Participant

    Hi Skandha,

    Please go to http://www.hagmeijer.nl/uncategorized/start2bike-training-mtb-september/
    You will see at the right site of the page en light grey area.
    It is my mening to make this light grey area smaller.
    In the mean time I have discovered how to make the sidebar smaller. But I im not able to make the light grey area smaller.
    I houd like to show our sponsors in this area instead of after content.

    Kind regards

    Hans Hagmeijer

    #156095

    toerfiets
    Participant

    You can login with login name: bestuur and password: bestuur

    #156098

    toerfiets
    Participant

    Hi Skandha,

    I succeeded in removing the light grey color. Is there a possibility to make the sidebar smaller. Otherwise I go and try to place two logos beside each other.

    #156284

    Skandha
    Participant

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

    .site-content .widget-area {
    	height:1940px;
    }

    You can change the height according to your requirement!
    Let me know if this is what you want.
    Kind Regards,
    Skandha

    #156291

    toerfiets
    Participant

    Hi Skandha,

    This is not what I want. This is the height. It should be the width.
    I think ” height”. is replaceable by width. If that works, all is ok for me.
    I let you know.

    Kind regards

    Hans Hagmeijer

    #156293

    Skandha
    Participant

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

    /* To decrease the width of the primary sidebar */
    .sidebar-primary {
    	width:250px;
    }

    You can set the width according to your requirement.
    Let me know if this is what you want!
    Kind Regards,
    Skandha

    #156295

    toerfiets
    Participant

    Hi Skandha,

    This also isn’t a solution. I think I did not explain well what I mean.
    In this solution the head text has after additional css the same width
    I should like to have a broader text area and a more narrow sidebar area.

    What I now see is a smaller picture in the sidebar an a bigger gap between the head text and te picture.

    Is there e possibility to upload a screenshot. Then I can explain exactly what I want.

    Kind regards

    Hans Hagmeijer

    #156297

    Skandha
    Participant

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

    .sidebar-primary {
    	width:250px;
    }
    .content-area {
    	width:1050px;
    }

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

    #156298

    toerfiets
    Participant

    Hi Skandha,

    Yes this was the solution.

    Thank you,

    Kind regards

    Hans Hagmeijer

    #156299

    Skandha
    Participant

    @toerfiets: Glad I could help you out. Have a good day! 🙂

    Kind Regards,
    Skandha

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

You must be logged in to reply to this topic.