Home › Forums › Pro Themes › Magpaper Pro › Blog/Archive Sidebar Won’t Appear

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 5, 2020 at 3:48 am #115765
    Kingston Kingsley
    Participant

    Hi,

    I have followed the instructions closely for enabling the blog sidebar (customize -> theme settings -> layout), and tried all the possible options, but no sidebar is appearing. Please help!

    Thanks

    February 5, 2020 at 5:07 am #115772
    wensolutions
    Keymaster

    Hello,

    Regarding your query, the blog sidebar option which is located in the customize section provides the feature of setting the layout position of the sidebar in the pages. You can set the sidebar position in the left/right direction using this layout option.

    So, to display the sidebar in the page, you have to add sidebar from the dashboard at first, follow the path Appearance > Widgets and a select sidebar where you want to display and what kind of widgets(images, text, etc) you want to embed as per your requirement.

    Hope this helps.

    If you have queries further, let us know.

    Thank you.

    February 7, 2020 at 5:32 am #115950
    Kingston Kingsley
    Participant

    Hey,

    Thanks. I’ve found the problem, there are two places to set the layout: one in lefthand menu on the appearance>customise>theme options>layout page (which was having no effect), and another on the dashboard under pages>edit page, at the bottom. Changing that one made it appear.

    I am finding that the sidebar is too wide, however. Is there a way to set the width of the sidebar with respect to the rest of the blog/archive page?

    February 7, 2020 at 5:50 am #115956
    wensolutions
    Keymaster

    Hello,

    In order to change the width, which is possible with the additional CSS. For the precise fix, please provide us your site URL and also the screenshot marking which sidebar width you wanted to resize?

    Regards.

    February 11, 2020 at 4:35 am #116230
    Kingston Kingsley
    Participant

    Hi, the url is http://therocketsurgery.org/blog/
    I would also like to remove the title/text in the header images on the site, what CSS do I need for that? I have put screenshots for each issue in this folder: https://drive.google.com/open?id=1nd3Pgm2aszZa13NC-osudKnvnNKmp9tT

    Thanks

    February 11, 2020 at 5:20 am #116237
    wensolutions
    Keymaster

    Hello

    To remove the title and breadcrumb, you can add CSS following the path Admin Panel > Appearance > Customize > Additional CSS 

    #breadcrumb-list {
    display: none;
}

#page-site-header .page-title {
    display: none;
}

    To reduce the size of the sidebar as shown in the screenshot you provided, you can add CSS following the path Admin Panel > Appearance > Customize > Additional CSS

    .left-sidebar #secondary {
    width: 20%;
    float: left;
}

    You can adjust the width of the sidebar as per your requirement.

    Hope this helps.

    If you have queries further, let us know.

    Thank you.

    February 13, 2020 at 1:13 am #116367
    Kingston Kingsley
    Participant

    Hey,

    Thanks that works great, except now there is a gap between the sidebar and the blog content – what’s the CSS for increasing the content width? (If sidebar is 20%, then increasing content to 80%)

    Thanks, really appreciate this!

    February 13, 2020 at 1:43 am #116373
    wensolutions
    Keymaster

    Hello,

    To reduce the gap between the sidebar and blog content, you can add CSS following the path Admin Panel > Appearance > Customize > Additional CSS

    .left-sidebar #primary {
    width: 80%;
    float: right;
    padding-right: 40px;
}

    Hope this helps.

    Regards.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.