Removing border from primefaces <p:layout>

Primefaces provides an excellent component <p:layout> to lay structure your website, but it has an annoying border which makes everything look cluttered.

Here is how you can get rid of that (at least for now)


 .ui-layout-pane-north.ui-widget-content{
 border: 0;
}

 .ui-layout-pane-south.ui-widget-content{
 border: 0;
}

 .ui-layout-pane-east.ui-widget-content{
 border: 0;
}

 .ui-layout-pane-west.ui-widget-content{
 border: 0;
}

 .ui-layout-pane-center.ui-widget-content{
 border: 0;
}

I know it is bad, but i am no CSS guru! Just figured out that this works!

Advertisements

, ,

  1. #1 by yannispapadopoulos1 on June 20, 2017 - 1:41 pm

    thank you 🙂

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: