Prime Community Forum

Posted: **30 Jun 2017, 04:52**

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.

Posted: **03 Jul 2017, 11:52**

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;
}

Posted: **03 Jul 2017, 15:37**

Thanks
Works the first one!
By the way, I had tried the second option, but without any success.
Thanks a lot.

Posted: **03 Jul 2017, 16:34**

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.

Prime Community Forum

Modifying template

Modifying template

Re: Modifying template

Re: Modifying template

Re: Modifying template