Picture of Patrick Di Martino
Space between articles
by Patrick Di Martino - Tuesday, 7 May 2019, 1:55 PM
 

Hi all!

I'm using the Authoring tool.

I want the space between the articles to be as small as possible. How do I do that? I tried by adding css code, but it didn't work. I attached a screen shot to show what space I'm referring to. 

.article-inner{
padding:0px 0;
margin:0px 0;

@media(max-width: 760px){
padding:0px 0 !important;
} }


Picture of Ignacio Cinalli
Re: Space between articles
by Ignacio Cinalli - Tuesday, 7 May 2019, 6:13 PM
 

Hi Patrick, can you try adding:

.article {
    .article-inner {
        padding:0;
        @media all and (max-width: (@device-width-large + 20px)) {
            padding: 0;
        }
        @media all and (max-width: (@device-width-small + 20px)) {
            padding: 0;
        }
    }
}

Regards.

Picture of Patrick Di Martino
Re: Space between articles
by Patrick Di Martino - Wednesday, 8 May 2019, 9:54 AM
 

Thanks! It worked, but then it also shrunk the gap between all the articles. How do I apply this to just one article? 


Picture of Ignacio Cinalli
Re: Space between articles
by Ignacio Cinalli - Wednesday, 8 May 2019, 11:38 AM
 

To apply just one of articles add css class (e.g. no-padding) to the article  and change custom less/css:

.article.no-padding {
    .article-inner {
        padding:0;
        @media all and (max-width: (@device-width-large + 20px)) {
            padding: 0;
        }
        @media all and (max-width: (@device-width-small + 20px)) {
            padding: 0;
        }
    }
}