class card

Post Reply
joao_arthur
Posts: 35
Joined: 09 Mar 2015, 15:40

07 Jun 2017, 17:06

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

User avatar
aragorn
Posts: 2658
Joined: 29 Jun 2013, 12:38

09 Jun 2017, 12:50

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.

joao_arthur
Posts: 35
Joined: 09 Mar 2015, 15:40

12 Jun 2017, 16:19

Does not work, the margins remain the same

User avatar
aragorn
Posts: 2658
Joined: 29 Jun 2013, 12:38

13 Jun 2017, 07:43

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

joao_arthur
Posts: 35
Joined: 09 Mar 2015, 15:40

13 Jun 2017, 17:31

I tried putting the code you gave me in layout.css, am I right?

User avatar
aragorn
Posts: 2658
Joined: 29 Jun 2013, 12:38

14 Jun 2017, 07:33

Could you please add my code into <h:head> in template.xhtml to test it?

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests