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

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?