Remove Borders?

How can I remove the borders around the text and image boxes on this page only?

http://www.great-grate.com/structuralsteelsupply/?page_id=62

Thanks for your help.

Hi again,

try this one:

#pl-62 .widget {
  box-shadow: none;
}

#pl-62 is the element ID which wrap the content on those page.

I added the code, it worked, but for some reason I now have a sidebar at the bottom of the page. I’m using this code also:

.content-area {
    width: 100%;
}

Any suggestions?

http://www.great-grate.com/structuralsteelsupply/?page_id=62

Thanks again!

I fix the sidebar issue. Thanks again!

Hi, in this regard, I would like to ask how to remove the sidebar white space. For example, when I upload an image in the sidebar area (Text Widget + HTML Code) it shows the picture and kind of 5 - 10 px white space all around it. Could that space be reduced or removed somehow?

http://www.gpofblank.co.uk/how-to-sell-your-soul/

Thank you!

Hi @GPofBlank,

Did you mean that you want your image on the sidebar are displays like this http://prntscr.com/8ggafg ?

if so, you can add this css code below using custom css plugin:

aside.widget_image {
    padding: 0;
}

aside.widget_image img {
    margin: 0;
    width: 100%;
}

Yes, That’s it! Thank you. Could I reduce the size of other sidebar elements? It seems to me that it’s too much.

Thanks

I see, here is the css code to reduce the padding of the sidebar:

.widget {
    padding: 20px 20px 1px 20px;
}

you can adjust the value of the padding as you need. Here is more tutorial for the code above http://www.w3schools.com/css/css_padding.asp