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.
Modifying template
-
- Posts: 4639
- Joined: 29 Jun 2013, 12:38
Please try the following css in template.xhtml
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
<style type="text/css">
body #main-wrapper {
margin-top: 0px;
}
</style>
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;
}
Github Profile: https://github.com/mertsincan
-
- Posts: 4639
- Joined: 29 Jun 2013, 12:38
Glad to hear, thanks for the update!
- What steps did you follow for it? it works fine for me.By the way, I had tried the second option, but without any success.
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 1 guest