Support » Theme: Sydney » Sydney Theme: Sidebar content central alignment and Sidebar width

  • aganjudiferente

    (@aganjudifferente)


    Hello,

    I would like to make the sidebar width smaller (which I think I already managed, but still) and center its content (also the CSS for its content being smaller in width with aspect ratio kept).

    This actually would be something that would be nice if working also in the tablet and mobile mode. I would like to also do that with your help.

    Thank you in advance.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter aganjudiferente

    (@aganjudifferente)

    @kharisblank I am sorry for tagging you here, but seems like you know quite much about the Sydney Theme and I am kind of hopeless in the final steps of “polishing” the website.

    Could you please help me with this as well?
    Thanks in advance.

    Hi,

    Thank you for mentioning me. ​Please accept my apologies for the delay in response.

    Try adding this CSS code to your website’s Additional CSS.

    
    #secondary figure,
    #secondary .search-form > label {
      margin-left: auto;
      margin-right: auto;
    }
    
    #secondary .search-form > label {
      display: block;
      width: 100%;
    }
    
    #secondary.widget-area .widget-title {
      text-align: center;
    }
    
    @media only screen and (min-width: 992px) {
      #primary.content-area.col-md-9 {
        width: calc(100% - 200px);
      }
      #secondary.widget-area.col-md-3 {
        width: 200px;
      }
    }
    

    Regards,
    Kharis

    Thread Starter aganjudiferente

    (@aganjudifferente)

    @kharisblank Thank you for the effort, BUT it does not work… especially not looking good in Tablet and Mobile view 🙁 . I am getting desperate.

    Is there a way to fix at all or not?

    Thanks in advance.

    Hi,

    Can you take some screenshots and put some annotations to directly point me the final look you’d like to achieve?

    Upload your image file to a file sharing service like Google Drive, set public access, and link it here.

    Regards,
    Kharis

    Thread Starter aganjudiferente

    (@aganjudifferente)

    Hi @kharisblank ,

    Thank you once again for your reply. Seems like you are the only one answering when it comes to Sydney Theme here. Anyway…

    Here is the link to the Screenshots I made, so you could see what am I exactly talking about:
    https://photos.app.goo.gl/qHjyuUSoCbqBvtdt8
    (and just in case, the website I need help for: https://cms.computer-m.de/)

    One thing to have in mind:
    I have decreased the Sidebar width (now it is smaller than it was) and also made the images with more blank space on the sides so they could look smaller. That is why they seem to look in the middle/centered on a desktop and on a mobile, but they actually aren’t.

    I also have a ton of CSS in the Additional CSS section which might be making a mess… so, should I also put the code here since also a friend was helping and I don’t wanna ruin anything, BUT am aware some might be overriding other?

    Thank you very much in advance. Can’t wait to read your reply.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.