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
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 5281
- 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: 5281
- 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 18 guests