Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 7, 2017 at 5:51 pm #109022
    amyfanton
    Participant

    Hi guys, I’m making some changes and there are a couple of things I am hoping you can help with?

    1. Is there a way to remove the border around the main content area of the page? I’ve attached a photo to show you exactly what I mean. I’ve made the background all white but I’d love for there not to be any line of separation between the background color and the main content area.

    2, Also, Is there a way to decrease the margin around the main content area of the page? You can also see what i mean in the photo.

    You can see the screenshot of what I mean here:
    https://s29.postimg.org/agq4s94br/Screenshot_AFF.jpg

    Thank you!

    February 8, 2017 at 9:52 am #109071
    Pratik
    Participant

    Hi @amyfanton,

    Please try following code in Appearance=> Customize=> Additional CSS box:

    
.site {
    box-shadow: none;
}

#main {
    padding: 2px; /* increase/decrease this value to increase/decrease the margin around the main content area */
}

    Let me know how it goes.

    Regards,
    Pratik

    February 10, 2017 at 5:36 pm #109331
    amyfanton
    Participant

    Thank you Pratik!

    It seems like it works everywhere except for my blog. Any additional CSS I could put in to apply there as well?

    Thank you!
    Amy

    February 11, 2017 at 9:47 am #109406
    Pratik
    Participant

    Hi @amyfanton,

    Can you please post in your site url?

    Regards,
    Pratik

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Remove Border around content & Decrease margin around content’ is closed to new replies.