Okay
  Public Ticket #3778158
Page Sidebar
Open

Comments

  • Ingrid started the conversation

    Hi there,

    I would like to put my blog menu in the sidebar.  Is it possible to reduce the width of the sidebar?  Also, is it possible to have a sidebar on both the left and right side of the page?

  •  3,001
    Andrew replied

    Hi Ingrid,

    Thank you for reaching out to us.

    To reduce the size of the size, add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media (min-width: 690px) {
       .single-post  .vc_col-sm-8 {
            width: 70%;
        }
    
        .single-post  .vc_col-sm-4 {
            width: 30%;
        }
    }

    As for having 2 sidebars, unfortunately, this is currently not possible with the theme.

    Try this and let us know how it goes.

    Thanks

  • Ingrid replied

    Thanks for the quick response, which of these numbers makes the sidebar smaller?  I am having a hard time figuring it out.  I would like it to be like 50-60% of the original width.  Do I need to change both numbers?  The only thing that is changing is the width of my menu on the main body of the post when I change these numbers, not the sidebar widget width.

  •  3,001
    Andrew replied

    Hi Ingrid,

    Thank you for getting back to us.

    The CSS below changes the width of the side bar.

        .single-post  .vc_col-sm-4 {
            width: 30%;
        }
    

    I hope that helps.

    Thanks,

  • Ingrid replied

    Hi Andrew,

    Thanks again.  This is still not right.  I am trying to change the width of the sidebar widget.  This code changes the width of the column within the main blog body post.  I am trying to change the width of the widget sidebar.  I have attached a screenshot for you to see what I mean.  The url again is:
    https://laragroup.ca/blog/understanding-real-estate-deposits-in-ontario/

    Thanks!


    Attached files:  Screenshot 2024-12-05 at 11.12.13 AM.png

  •  3,001
    Andrew replied

    Hi Ingrid,

    Thank you for getting back to us and for the clarification.

    To get the layout you want, you can replace the previously shared CSS with this one and see if this works for you.

    @media (min-width: 999px) {
       .single-post  .post-area.span_9 {
            width: 78.5%;
        }
    
        .single-post  #sidebar.span_3 {
            width: 17.5%;
        }
    }

    Try this and let us know how it goes.

    Cheers,

  • Ingrid replied

    Hi Andrew,

    That did it!  Thank you.

  •  3,001
    Andrew replied

    Hi Ingrid,

    Thank you for getting back to us.

    I'm glad I could assist. Feel free to open another ticket if you have further queries.

    Kind regards,