[Resolved] How to change the Sidebar Width

This topic contains 3 replies, has 2 voices, and was last updated by  Andrew Misplon 3 years, 6 months ago.

Tagged: 

  • Author
    Posts
  • #1678

    kiviniar
    Participant

    Hi Andrew,

    Not a standard support request but could you please advise on this.

    I wanted to change my right sidebar content width to 300px

    The reason being that I wanted to add some banners images of that size (300px)

    I tried adding an image which I think is getting re-sized to a smaller size

    Could you please suggest the code the achieve this. I don’t mind if the post content area gets smaller.

    If this does not come under the purview of free support you can charge me for the code.

    • This topic was modified 3 years, 6 months ago by  kiviniar.
    #1680

    Andrew Misplon
    Keymaster

    Hi kiviniar

    Great to hear from you. Happy to help on something like this.

    Please try the following:

    /* Regular Containers */
    
    .sidebar #primary {
      width: 70.413%;
    }
    
    #secondary {
      width: 29.587%;
    }

    Chrome Developer tool reckons that is equal to an actual content area in the sidebar, not including padding, of 300px. Let me know how it goes.

    #1681

    kiviniar
    Participant

    You are a gem Andrew, that code worked.

    However, I used a little math and changed the % values as with your number I was getting the content area as 282px

    Used these values instead

    /* Regular Containers */
    
    .sidebar #primary {
      width: 68.524%;
    }
    
    #secondary {
      width: 31.476%;
    }
    

    Once again thanks for your ‘SUPER SPEEDY RESOLUTION’

    • This reply was modified 3 years, 6 months ago by  kiviniar.
    #1683

    Andrew Misplon
    Keymaster

    Awesome 🙂 Thanks for sorting out the final numbers on your side. Glad I could help.

    Chat soon. Cheers.

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

You must be logged in to reply to this topic.

Scroll to top