Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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
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!
Just the border around the page and make it all white.
http://iamarunr.com
Hi Naresh
Looks like you’ve been able to resolve. Let us know if you still need a hand here.
Thanks
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.
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