Page 1 of 1
class card
Posted: 07 Jun 2017, 17:06
by joao_arthur
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
Re: class card
Posted: 09 Jun 2017, 12:50
by mert.sincan
Please try the following code;
Code: Select all
body .wrapper .main {
padding: 35px 16px 16px 3px;
}
You can change the left or top value of padding by yourself.
Re: class card
Posted: 12 Jun 2017, 16:19
by joao_arthur
Does not work, the margins remain the same
Re: class card
Posted: 13 Jun 2017, 07:43
by mert.sincan
It works fine for me. My screenshot;
Test css;
Code: Select all
body .wrapper .main {
padding: 34px 1px 2px 1px;
}
Maybe, you may want to change padding of ui-g-*. Please try;
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;
}
Re: class card
Posted: 13 Jun 2017, 17:31
by joao_arthur
I tried putting the code you gave me in layout.css, am I right?
Re: class card
Posted: 14 Jun 2017, 07:33
by mert.sincan
Could you please add my code into <h:head> in template.xhtml to test it?