help please

[nsgaming]

guys how can i edit that background image and colour.
style = themehouse io dark mode

 

[WinSys32]

Go to your ACP - Appearance - Style Properties - Make sure you edit the correct style properties.

 

[nsgaming]

Go to your ACP - Appearance - Style Properties - Make sure you edit the correct style properties.

WinSys32i do but i can't find option to change that

 

[BattleKing]

i do but i can't find option to change that

nsgamingCan be modified in the io.less file of the corresponding theme.

Search for:

.block.block--category {
    .block-header {
        text-shadow: 0 0 1px rgba(0,0,0,.7);
        position: relative;
        transition: ease-in .15s border-bottom-left-radius, ease-in .15s border-bottom-right-radius;
        &:after {
            content: '';
            background: url(@xf-uix_imagePath/io/images/swirl.png);
            background-size: cover;
            background-position: center;
            position: absolute;
            height: 100%;
            width: 100%;
            z-index: 1;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            display: block;
            mix-blend-mode: overlay;
            pointer-events: none;
        }
    }

You might create a template modification for it.

 

[nsgaming]

Can be modified in the io.less file of the corresponding theme.

Search for:

.block.block--category {
    .block-header {
        text-shadow: 0 0 1px rgba(0,0,0,.7);
        position: relative;
        transition: ease-in .15s border-bottom-left-radius, ease-in .15s border-bottom-right-radius;
        &:after {
            content: '';
            background: url(@xf-uix_imagePath/io/images/swirl.png);
            background-size: cover;
            background-position: center;
            position: absolute;
            height: 100%;
            width: 100%;
            z-index: 1;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            display: block;
            mix-blend-mode: overlay;
            pointer-events: none;
        }
    }

You might create a template modification for it.

BattleKingits worked.can i also change background colour

 

[BattleKing]

its worked.can i also change background colour

nsgamingIt is in the same file, but it will be calculated with the SPIN function of LESS which is defined behind "m-io_catGradient"

    &:nth-child(1n) {
        .block-header {.m-io_catGradient(@io-nodeColor1, 0%);}
        .node--unread .node-icon i {.m-io_catGradient(@io-nodeColor1, 0%);}
        .block-body a:hover {.m-io_catColor(@io-nodeColor1, 30%);}
    }
    &:nth-child(2n) {
        .block-header {.m-io_catGradient(@io-nodeColor1, 60%);}
        .node--unread .node-icon i {.m-io_catGradient(@io-nodeColor1, 60%);}
        .block-body a:hover {.m-io_catColor(@io-nodeColor1, 90%);}
    }

The color which will be used is the one behind: uix_primaryColor

 

[nsgaming]

It is in the same file, but it will be calculated with the SPIN function of LESS which is defined behind "m-io_catGradient"

    &:nth-child(1n) {
        .block-header {.m-io_catGradient(@io-nodeColor1, 0%);}
        .node--unread .node-icon i {.m-io_catGradient(@io-nodeColor1, 0%);}
        .block-body a:hover {.m-io_catColor(@io-nodeColor1, 30%);}
    }
    &:nth-child(2n) {
        .block-header {.m-io_catGradient(@io-nodeColor1, 60%);}
        .node--unread .node-icon i {.m-io_catGradient(@io-nodeColor1, 60%);}
        .block-body a:hover {.m-io_catColor(@io-nodeColor1, 90%);}
    }

The color which will be used is the one behind: uix_primaryColor

View attachment 25874

BattleKingthank you soo much for your support >3.

 

[thomsa]

View attachment 25857

guys how can i edit that background image and colour.
style = themehouse io dark mode

nsgamingchange it with replace at /styles/io_dark/images/bg/node-backgrounds

 

[nsgaming]

change it with replace at /styles/io_dark/images/bg/node-backgrounds

thomsaok.but how to change background colour