XF 2.1 How can I re-positioning the custom thread fields

[gogo]

Basically all field names are very short, so I don't want to have a wide gap between the field values and the fields...

How can I move the field values further to the left?

 

[gogo]

I found out it should be something to do with this value:



Where is "pairs pairs--columns pairs--fixedSmall" defined?

 

[gogo]

anyone has idea?

 

[gogo]

I found something about "pairs pairs--columns pairs--fixedSmall" defined " from this website.

.pairs.pairs--columns.pairs--fixedSmall
{
    margin-top: 5px;
    color: #052f10;
    font-weight: 550;

}

It changes the space between lines, color and font weight of text. But how do I change the column space? Thanks

 

[l3ta]

No idea
A link could help.

 

[Bespoke]

I'm not the best person to answer your question but since no one else is, I'll try.
It seems that you need to make the dt element smaller. I would create a new class (fixedTiny) in extra.less and then modify custom_fields_macros to call it.

.pairs.pairs--columns.pairs--fixedTiny
{
    > dt
    {
        width: 100px;
    }
}

arg-valueClass="pairs pairs--columns pairs--fixedTiny"

 

[gogo]

No idea
A link could help.

want to change it to:



narrower gap between the custom thread title and values

 

[gogo]

I'm not the best person to answer your question but since no one else is, I'll try.
It seems that you need to make the dt element smaller. I would create a new class (fixedTiny) in extra.less and then modify custom_fields_macros to call it.

.pairs.pairs--columns.pairs--fixedTiny
{
    > dt
    {
        width: 100px;
    }
}

arg-valueClass="pairs pairs--columns pairs--fixedTiny"

This is it! This is perfect! Thanks!

 

[MichaelR]

This works. I hoped that on mobile in vertical view it would also change something. Its still showing the information under the title.
Is there any way we can also change this?

As it is now on mobile in vertical view:


As i hoped it would be, But its not.