⚡1.1.0.6

Whats New:

• Minor script fixes changing light / dark colors.

⚡1.1.0.7

Whats New:

• The display of social media on the left and right sides has been corrected.

• A new option has been added to set the maximum height of the logo in the header. ( Global Settings )

• 

⚡1.1.0.8

Whats New:

• Fixed max-height setting in logo.

⚡1.1.0.9

Whats New:

• Update template to IPS 4.6.8

⚡1.1.1.0

Whats New:

• Fixed RTL

⚡1.1.1.1

Whats New:

• A new option for animating the display of departments has been added.
•  

⚡1.1.1.2

Whats New:

• An animation has been added in the topic list.

• Improved the online status on the avatar.

Hello,

How to add a background image for the light version only?

10 hours ago, SerialNoob said:

Hello,

How to add a background image for the light version only?

 

You simply cannot use the settings in the template, the same background is set on dark and light.

Add in custom.css

html.theme--light body:before {
    content: "";
    background: url(https://codebite.dev/ips/uploads/set_resources_262/da34330…_bg.svg) left top no-repeat !important;
    background-size: cover;
}

 

Thank you, worked!

How to make the background scroll with the page scrolling please?

Like this:

Hello sir??

On 1/12/2022 at 6:35 PM, CodeBite said:

 

You simply cannot use the settings in the template, the same background is set on dark and light.

Add in custom.css

html.theme--light body:before {
    content: "";
    background: url(https://codebite.dev/ips/uploads/set_resources_262/da34330…_bg.svg) left top no-repeat !important;
    background-size: cover;
}

 

This code add the background to half of the page ^^

1 hour ago, SerialNoob said:

This code add the background to half of the page ^^

 

Then you need to add some code that will set the background to full width and height, a matter of your setting.

2 minutes ago, CodeBite said:

 

Then you need to add some code that will set the background to full width and height, a matter of your setting.

😭 I'm a noob

21 hours ago, SerialNoob said:

😭 I'm a noob

html.theme--light body:before {
    content: "";
    background: url(https://codebite.dev/ips/uploads/set_resources_262/da34330…_bg.svg) left top no-repeat !important;
    background-attachment: fixed;
   
    display: block;
    width: 100%;
    height: 100%;
   
    position: absolute;
    left: 0;
    top: 0;
}

 

48 minutes ago, CodeBite said:

html.theme--light body:before {
    content: "";
    background: url(https://codebite.dev/ips/uploads/set_resources_262/da34330…_bg.svg) left top no-repeat !important;
    background-attachment: fixed;
   
    display: block;
    width: 100%;
    height: 100%;
   
    position: absolute;
    left: 0;
    top: 0;
}

 

Thank you for your time!

It is the same, the background doesn't cover the entire page

 

And the background is the right size? or change from no-repeat to repeat

50 minutes ago, CodeBite said:

 

And the background is the right size? or change from no-repeat to repeat

The background is 1366x768, the width is fine.

As for the height, when the page is long, the image would stop showing half-way

With "repeat" it's almost the same, just one bit of the whole is added, but still half 

18 hours ago, SerialNoob said:

The background is 1366x768, the width is fine.

As for the height, when the page is long, the image would stop showing half-way

With "repeat" it's almost the same, just one bit of the whole is added, but still half 

Write to me on pw with a link to the live demo, I will try to help you with a private message.

Edited January 16, 20223 yr by CodeBite

⚡1.1.1.4

What's New:

• The js script was corrected, it was embedded in the template.

⚡1.1.1.5

What's New:

• The color of the support has been improved. ( Reported by @Neoflix )
• 
• Update to 4.6.10

Hello,

Could you please explain further how to add navigation icons?

Icons in the menu:

https://invisioncommunity.com/files/file/8935-menunavigation-icons/

The above file is no longer available for download and I don't understand how to edit the default icons code

#cb-nexxe__menu nav .ipsNavBar_primary ul[data-role="primaryNavBar"] > li a[data-navitem-id="1"]:before { content: "\f6f1"; } 
#cb-nexxe__menu nav .ipsNavBar_primary ul[data-role="primaryNavBar"] > li a[data-navitem-id="2"]:before { content: "\f550"; } 
#cb-nexxe__menu nav .ipsNavBar_primary ul[data-role="primaryNavBar"] > li a[data-navitem-id="19"]:before { content: "\f4ad"; } 
#cb-nexxe__menu nav .ipsNavBar_primary ul[data-role="primaryNavBar"] > li a[data-navitem-id="20"]:before { content: "\f291"; } 
#cb-nexxe__menu nav .ipsNavBar_primary ul[data-role="primaryNavBar"] > li a[data-navitem-id="21"]:before { content: "\f083"; } 
#cb-nexxe__menu nav .ipsNavBar_primary ul[data-role="primaryNavBar"] > li a[data-navitem-id="11"]:before { content: "\f073"; }

With this code, I only have the store icon showing 🤔

1 hour ago, SerialNoob said:

Hello,

Could you please explain further how to add navigation icons?

Icons in the menu:

https://invisioncommunity.com/files/file/8935-menunavigation-icons/

The above file is no longer available for download and I don't understand how to edit the default icons code

#cb-nexxe__menu nav .ipsNavBar_primary ul[data-role="primaryNavBar"] > li a[data-navitem-id="1"]:before { content: "\f6f1"; } 
#cb-nexxe__menu nav .ipsNavBar_primary ul[data-role="primaryNavBar"] > li a[data-navitem-id="2"]:before { content: "\f550"; } 
#cb-nexxe__menu nav .ipsNavBar_primary ul[data-role="primaryNavBar"] > li a[data-navitem-id="19"]:before { content: "\f4ad"; } 
#cb-nexxe__menu nav .ipsNavBar_primary ul[data-role="primaryNavBar"] > li a[data-navitem-id="20"]:before { content: "\f291"; } 
#cb-nexxe__menu nav .ipsNavBar_primary ul[data-role="primaryNavBar"] > li a[data-navitem-id="21"]:before { content: "\f083"; } 
#cb-nexxe__menu nav .ipsNavBar_primary ul[data-role="primaryNavBar"] > li a[data-navitem-id="11"]:before { content: "\f073"; }

With this code, I only have the store icon showing 🤔

 

You find the link id in the menu

data-navitem-id="1"

And this is the code for the fontawesome icon, choose one and enter the appropriate code from the icon

content:" \f6f1";

 

So you add another line to your link by changing these parameters as mentioned above.

#cb-nexxe__menu nav .ipsNavBar_primary ul[data-role="primaryNavBar"] > li a[data-navitem-id="id_item_menu"]:before { content: "\code_fontawesome_icon"; }

 

Thank you very much!

Hi. Dark mode is not working for my website on mobile devices but it works fine on desktop. Is this a bug or did I mess something up?

13 hours ago, clubcarter said:

Hi. Dark mode is not working for my website on mobile devices but it works fine on desktop. Is this a bug or did I mess something up?

Hey, what do you mean it doesn't work? What's going on?

Maybe it is because the mobile devices or the browser has a dark mode?

Everything works on my site.

Let me know on a private message, send me a link to the page I will see on my devices.

⚡1.1.1.6

What's New:

• Updated template to ips 4.6.11

 

 

⚡1.1.1.7

What's New:

• The display of nicks in the layout of departments on the mobile version has been corrected.

 

⚡1.1.1.8

What's New:

• Updated template to ips 4.6.12