Portfolio - Need break in meta

[iotacomm]

I need to put a break and so some formatting in my meta string in my blog/portfolio. Currently the meta is one long string and I would like it to be

Written by Michael Davies | Posted May 6, 2019
Category Tags

How do I edit this in the CSS?

Also I have some extra white space to the right of my blog copy and I am not sure how to get rid of that.

Thank you!

[Prasant]

Hello Carly,

Thanks for writing in!

Please add following CSS under X > Theme Options > CSS:

.single .p-meta span:nth-child(3) {
    display: block;
}

.x-portfolio .entry-info {
    width: 100%;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.