Changing margins

  • Resolved mmesford

    (@mmesford)


    6 years, 1 month ago

    Another CSS question:

    The text in my sidebar is jammed up against the text in my post. There’s lots of white space on the _right_ side of the sidebar. How can I increase the margin, or the padding, on the left side of the sidebar? I’ve looked at it using Safari’s Element Inspector but it’s all one div.

    Thanks

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello @mmesford,

    In right side , add custom class .right-sidebar beside the class .widget-area to apply custom style on targeted area. And apply padding in Appearance -> Customize -> Additional CSS for the class .right-sidebaras shown below

    .right-sidebar {
  padding-left: 50px;
}

    Hope this will help in resolve your query
    Thanks.

    Thread Starter mmesford

    (@mmesford)

    Hi AddWeb, thanks for the reply. I’ve added the additional CSS as noted but I don’t understand where to add the custom class. I’m using a child version of the Quark theme. I looked at the style.css file in the parent theme but it’s not clear to me where to add the custom class as you suggest.

    Mike

    AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Well, when you are using a child theme, you can simply overwrite any CSS in custom.css of a child theme.
    custom.css is the correct place to add any additional styles other than provided by the theme.

    Thanks.

    Theme Author Anthony Hortin

    (@ahortin)

    Thanks for your help @addweb-solution-pvt-ltd.

    @mmesford, if you’re using a child theme, then it should have it’s own style.css file, so you can add any new styles that you want to override, in that file.

    Alternatively, you can also add new styles into the Custom CSS panel in the Customizer.

    Thread Starter mmesford

    (@mmesford)

    Hi again,

    Sorry, but I’m still confused.

    In right side , add custom class .right-sidebar beside the class .widget-area to apply custom style on targeted area.

    I don’t understand where this is. I don’t have the option of editing anything on the right side. And I’ve already added the suggested CSS in the Custom CSS box so I’m unclear why I need to add it elsewhere. There is no custom.css file in either the parent theme or the child. The child’s style.css is blank, of course, but as I understand it all the code from the parent’s style.css is included in the child and I can override those in my child style.css. But when I look in the parent style.css I don’t see a right-sidebar. I found a home-sidebar and tried using that in the Custom CSS box but no joy. I’m beginning to think I’ve got something wrong conceptually, but I’m not sure where to look next.

    Theme Author Anthony Hortin

    (@ahortin)

    It looks like you’ve sorted this out. Let me know if you’re still having issues though.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing margins’ is closed to new replies.