XF 2.1 extra.less styles without effect?

[rhodes]

In one of my sidebar widgets I show some thumbnail images with style class "wr_revimg". Within extra.less I've defined the following code.

.wr_revimg {
    height: 93px;
}

However, this code does not take any effect. I've inspected the source code just to ensure the style is not overridden. But it isn't. It seems as if extra.less is not loaded.

Any idea what can cause this issue?

 

[Mr Lucky]

Any idea what can cause this issue?

Maybe too obvious to mention, but this has happened to me. I was viewing the wrong style.

 

[rhodes]

I was viewing the wrong style.

Thanks for this hint. But I've already checked this.

 

[Mr Lucky]

Do you have anything else in extra.less? If not I would maybe try something obvious, like a notice class test a notice with that custom class.

e.g.

.custom-notice

{background:rgb(141, 9, 49);
color:#fff}

 

[Ehren]

If you can post your URL so we can see the live HTML code, I'll be happy to take a look.

And if you still feel as though extra.less isn't loading, paste this code into it.

*{
    outline: 1px solid red;
}

 

[rhodes]

If you can post your URL so we can see the live HTML code, I'll be happy to take a look.

Thank you @Ehren . Unfortunately my installation is on a local development environment.

What I found out is that when I switch to the default theme extra.less is loading. when I create a sub theme of default extra.less is not loaded.

 

[Ehren]

You'll likely need to wait for someone else to answer in that case, I have no other ideas at this point.. Sorry!

 

[Snog]

What I found out is that when I switch to the default theme extra.less is loading. when I create a sub theme of default extra.less is not loaded.

If you've edited extra.less in the child style you added, then the changes to the default style (which is the parent) won't be applied to the child.

 

[rhodes]

then the changes to the default style (which is the parent) won't be applied to the child.

the style is available in the default theme and in the child theme

 

[Snog]

the style is available in the default theme and in the child theme

Did you edit extra.less in the new style at all?

 

[Snog]

Assuming your styles are listed like this:



If you edited extra.less in "New Child of Default", then any changes to extra.less in "Default XenForo" will not be applied in "New Child of Default".

 

[Oldengine]

Can anyone please tell me WHERE the obscure extra.less really is?

 

[Max Taxable]

Can anyone please tell me WHERE the obscure extra.less really is?

In the style template section of every style.

 

[Oldengine]

Appearance
Styles Templates
extra.less

.p-nav-smallLogo img {
max-height: 150px;
}

 

[kelle67]

It doesn't show the logo.

I see the logo.

 

[gouwepeer.nl]

You can try this:

.wr_revimg {
height: 93px !important;
}