Modifying template

Post Reply
dsalazar
Posts: 2
Joined: 01 Jul 2014, 07:00

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.

User avatar
aragorn
Posts: 2429
Joined: 29 Jun 2013, 12:38

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

dsalazar
Posts: 2
Joined: 01 Jul 2014, 07:00

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.

User avatar
aragorn
Posts: 2429
Joined: 29 Jun 2013, 12:38

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.

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest