Add border around page, remove left gradient

Posted in: Newspaper
Post count: 10

Hi there! Great theme, the best I have used in fact!

I am trying to add a border around my page (http://thehigharts.com/) similar to this demo: http://fox.withemes.com/

I have added this CSS:

body {
border: 3px solid black;
}

However there are two problems: 1. This border wraps the whole screen and not the content as shown in the demo above. 2. If I try to change the margins by adding margin: 30px; then I am able to shrink the border the way I want but there is a blue gradient on the left.

How do I remove the left gradient background and what is the correct code to make the border as the demo page I have included above (which is basically just a black border around the page content)?

Many thanks!

Post count: 23312

Hello,

Please refer to the following topic here -> https://forum.tagdiv.com/topic/background-of-a-post-how/

Thanks for the message!

Post count: 10

Thank you so much! I have managed to add the border and use a background image. However, if I don’t choose to use a background image, there is something troubling and I don’t know if it is a bug:

If I have full-width (no background) and try to adjust the width like this:

body {
border: 3px solid black;
width:65%;
}

then I get a blue gradient on the left of the screen. Every time I change the margins or width using CSS there is this blue gradient on the left. Why is it there and how can I get rid of this?

Post count: 23312

Hello konblog,

This solution is made only for a background image or white color, applied at the website. When you use this, the theme becomes boxed and then you can use the above solution. If you do not want to use any background image please add a white color to your background from here -> https://www.screencast.com/t/VBlHgayF

Hope this helps!

Thanks for the message!

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.