This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Remove border around container

Open 5 replies premiumthemetheme-origami
Naresh Kumar
Started · Latest reply by Daniel

I tried this in Origami but it’s not working.

/* Origami remove page border and shadow */

#page-container {
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

URL: http://iamarunr.com

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Daniel Staff

    Hi Naresh,

    Are you trying to remove the border and make the page full screen? If so, then you can try the following instead:

    .container {
width: 100%;
margin: 0!important;
max-width: 100%!important;
padding: 0px!important;
}

    Cheers!

  2. Naresh Kumar

    Just the border around the page and make it all white.

    http://iamarunr.com

  3. Andrew Misplon Staff

    Hi Naresh

    Looks like you’ve been able to resolve. Let us know if you still need a hand here.

    Thanks

  4. Naresh Kumar

    I figured out the borders but I am trying to make my Page http://iamarunr.com/ to look like my friend’s site http://www.danielhoshizaki.com/about

    In Origami theme, the header image and the menu is taking up a lot of front page real estate and I want to reduce that to make space for content or just have negative space.

    So basically I am looking for 1. How to move the logo to the top left corner 2. Move the Menus to the top.

    Not sure if this can be done through simple customization or would involve some coding.

    Your help would be awesome.

  5. Daniel Staff

    Hi Naresh,

    It is not possible to get the exact same look but the following custom css will give you the desired look. Feel free to modify the value to achieve your requirements

    Navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    #logo img {
width: 60%!important;
height: 100px!important;
position:absolute!important;
left:0px!important;
top:10px!important;
}
#menu {
width: 100%!important;
height: 100px!important;
position:relative!important;
right:0px!important;
top:-40px!important;
}
#menu ul {
text-align: right!important;
}

    Let me know if that works for you.

    Cheers

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread