Increase Left/Right Margin for Blog Post – Bard Theme

  • Resolved twocentsblogger

    (@twocentsandhighfives)


    3 years, 10 months ago

    Hi! I need help to increase the left/right margin for my blog posts. I am using the Bard Free theme. My home, about, and contact pages all look good. They have side margins. But when I click on my blog post, there is no margin. I would like each blog post to have about 30px margin from the left side of the screen & about 30px from the sticky sidebar on the right side of the screen. Note: I am not sure if these are the best dimensions for margin, but I would like to add margins on the blog posts so it’s pleasing to the eye of readers. Is there a way to do this that would apply to all blog posts?

    Thanks in advance for your help!

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

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi @twocentsandhighfives

    At first, thank you for choosing our theme and service.

    Please navigate to Dashboard > Appearance > Customize > Additinioal CSS section and add the CSS snippet below:

    .single .main-container {
  margin: 30px;
}

.single .main-container {
  width: -webkit-calc(100% - 365px);
}

    Kind Regards

    Thread Starter twocentsblogger

    (@twocentsandhighfives)

    Hello! I did as you said but it didn’t seem to work. The text still runs from end to end of the screen. Is there a different code I could try? Thank you!

    Thread Starter twocentsblogger

    (@twocentsandhighfives)

    Hi @wprsupport thanks again for helping me out. So I just checked the website from my computer. It seems like the left/right side margins got fixed but only if the website is viewed from a computer. If I view it from my iPhone, the no side margin issue is still there. Also, could you please take a look at the footer because now it seems to go at the bottom of the right side bar, instead of at the bottom of the page.

    Hi @twocentsandhighfives

    We received the same message via email address and had already answered with the best solutions for that issue, please check.

    Kind Regards

    Thread Starter twocentsblogger

    (@twocentsandhighfives)

    @wprsupport hello, yes thank you. I found the source of the problem. One of the plugins I installed isn’t compatible with the theme.

    Hi @twocentsandhighfives

    Feel free to contact us at any time, we are more than happy to help.

    Kind Regards

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Increase Left/Right Margin for Blog Post – Bard Theme’ is closed to new replies.