Logo and icon problem after update

[artcrimes]

Hello,

After the new 2.3.0 update I am getting some errors in the theme.

For example, header menu icons do not appear.
Also the logo sizes have shrunk by themselves. How can I solve these problems? I need help.

<a data-template-name="public:PAGE_CONTAINER::nav_link" href="/" class="p-navEl-link p-navEl-link--splitMenu " data-nav-id="forums">Forumlar</a>

Thanks for your help.

 

[⭐ Alex ⭐]

Any 404 errors in network console of your browser?

 

[⭐ Alex ⭐]

Also see here: https://xenforo.com/community/threads/boosting-performance-in-xenforo-2-3.216767/#post-1648280

 

[Old Nick]

Also the logo sizes have shrunk by themselves. How can I solve these problems? I need help.

You have to set dimensions in Style properties >> Basic options

 

[Jeremy P]

This will be related to a style customization. For icons, you should use the Less mixin and variables instead of regular properties or unicode values.

.some-thing::before
{
    .m-faIcon(@fa-var-bolt);
}

 

[Old Nick]

@Jeremy P what about this syntax?
.m-faContent(@fa-var-solid-comments); regarding this post: https://xenforo.com/community/threads/boosting-performance-in-xenforo-2-3.216767/#post-1648280
Which one we should use? faIcon or faContent?

 

[Jeremy P]

For backwards compatibility purposes, .m-faContent is merely an alias for .m-faIcon. However .m-faIcon is the canonical mixin as it's more descriptive and representative of the icon approach in 2.3, which does not use the content CSS property as an icon value. Given the prevalence of .m-faContent I don't imagine it will be going away any time soon.

I have updated the linked post to reflect this.

 

[Old Nick]

Thanks.

 

[artcrimes]

Hello everyone,

First of all, thank you for your answers. There is a code for header icons in my extra.less file. I was using a different image for each menu item. When I add it as @Jeremy P said, each icon becomes a “thunderbolt” icon.

// Forum Header Menu Icons

.p-navEl a::before{

    font-family: 'Font Awesome 5 Pro';

    padding-right: 5px;

}


.p-navEl a[data-nav-id="home"]::before{content: "\f015";}

.p-navEl a[data-nav-id="forums"]::before{content: "\f27a";}

.p-navEl a[data-nav-id="whatsNew"]::before{content: "\f0e7";}

.p-navEl a[data-nav-id="xfmg"]::before{content: "\f030";}

.p-navEl a[data-nav-id="xfrm"]::before{content: "\f019";}

.p-navEl a[data-nav-id="members"]::before{content: "\f0c0";}

.p-navEl a[data-nav-id="newPosts"]::before{content: "\f005";}

.p-navEl a[data-nav-id="findThreads"]::before{content: "\f00e";}

.p-navEl a[data-nav-id="watched"]::before{content: "\f06e";}

.p-navEl a[data-nav-id="searchForums"]::before{content: "\f002";}

.p-navEl a[data-nav-id="markForumsRead"]::before{content: "\f070";}

.p-navEl a[data-nav-id="150"]::before{content: "\f015";}

 

[htsumer]

You have to set dimensions in Style properties >> Basic options

Why is my same part different in yours? I don't have an alternative input.

View attachment 307195

 

[Paul B]

When I add it as @Jeremy P said

You haven't added it as @Jeremy said.

You need to use the icon name now.

 

[Paul B]

Why is my same part different in yours? I don't have an alternative input.

You need to enable variations for the style - click on the style name to do so.

 

[htsumer]

I am sorry
Where do I make the file path from?

 

[htsumer]

I found.

 

[artcrimes]

Hello everyone,

First of all, thank you for your answers. There is a code for header icons in my extra.less file. I was using a different image for each menu item. When I add it as @Jeremy P said, each icon becomes a “thunderbolt” icon.

// Forum Header Menu Icons

.p-navEl a::before{

    font-family: 'Font Awesome 5 Pro';

    padding-right: 5px;

}


.p-navEl a[data-nav-id="home"]::before{content: "\f015";}

.p-navEl a[data-nav-id="forums"]::before{content: "\f27a";}

.p-navEl a[data-nav-id="whatsNew"]::before{content: "\f0e7";}

.p-navEl a[data-nav-id="xfmg"]::before{content: "\f030";}

.p-navEl a[data-nav-id="xfrm"]::before{content: "\f019";}

.p-navEl a[data-nav-id="members"]::before{content: "\f0c0";}

.p-navEl a[data-nav-id="newPosts"]::before{content: "\f005";}

.p-navEl a[data-nav-id="findThreads"]::before{content: "\f00e";}

.p-navEl a[data-nav-id="watched"]::before{content: "\f06e";}

.p-navEl a[data-nav-id="searchForums"]::before{content: "\f002";}

.p-navEl a[data-nav-id="markForumsRead"]::before{content: "\f070";}

.p-navEl a[data-nav-id="150"]::before{content: "\f015";}

Any update please

 

[Jeremy P]

You haven't added it as @Jeremy said.

You need to use the icon name now.

You'll need to change them to the variables which correspond to the unicode character. For example, \f015 corresponds to @fa-var-house, etc.