Page 1 of 1

Modifying template

Posted: 30 Jun 2017, 04:52
by dsalazar
Currently I am using template.xhtml for my solution, but I have excluded topbar.xhtml.
I want to using, the space released by topbar.xhtml, in the content, like so:

<div class="main-content">
<ui:insert name="content"></ui:insert>
</div>

I have tryed modifying : layout-orange (line 280)
#main-wrapper {
Altering
margin-top: 0

But without any success.

How I could taking advantage, in order to showing the page selected in most top position

Thanks in advanced.

Re: Modifying template

Posted: 03 Jul 2017, 11:52
by aragorn
Please try the following css in template.xhtml

Code: Select all

<style type="text/css">
            body #main-wrapper {
                margin-top: 0px;
            }
</style>
The second solution;
You need to change the margin of #main-wrapper in _layout.scss. Then, you need to provide new layout.css and use it in your project.

Code: Select all

 
 // Line 401 in _layout.scss
#main-wrapper {
    height: 100%;
    margin: 100px 0 0 250px; // Please try  margin: 0 0 0 250px; 
    background-color: $bg-greyLight;
}

Re: Modifying template

Posted: 03 Jul 2017, 15:37
by dsalazar
Thanks
Works the first one!
By the way, I had tried the second option, but without any success.
Thanks a lot.

Re: Modifying template

Posted: 03 Jul 2017, 16:34
by aragorn
Glad to hear, thanks for the update!
By the way, I had tried the second option, but without any success.
- What steps did you follow for it? it works fine for me.