Such as lowering the margins of the class card, I need it to be closer to the borders of the template, i do not know if it's really in the class card that I have to do this, but what I need is that the empty page margins get closer to the borders of the template
<ui:define name="content">
<div class="ui-fluid">
<div class="card">
Content on my page here ...
</div>
</div>
</ui:define>
https://drive.google.com/open?id=0BxsKd ... nhabEFVeUE
class card
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 code;
You can change the left or top value of padding by yourself.
Code: Select all
body .wrapper .main {
padding: 35px 16px 16px 3px;
}
Github Profile: https://github.com/mertsincan
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
It works fine for me. My screenshot;
Test css;
Maybe, you may want to change padding of ui-g-*. Please try;
Test css;
Code: Select all
body .wrapper .main {
padding: 34px 1px 2px 1px;
}
Code: Select all
.ui-g-1, .ui-g-2, .ui-g-3, .ui-g-4, .ui-g-5, .ui-g-6, .ui-g-7, .ui-g-8, .ui-g-9, .ui-g-10, .ui-g-11, .ui-g-12 {
/* Default padding: .5em */
padding-top: 3px;
padding-left: 3px;
}
Github Profile: https://github.com/mertsincan
-
- Posts: 38
- Joined: 09 Mar 2015, 15:40
I tried putting the code you gave me in layout.css, am I right?
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Could you please add my code into <h:head> in template.xhtml to test it?
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 2 guests