Why there is no Icon In the Middle?

CINEFLIX PRIME

Active member
Registered
Joined
Jan 30, 2023
Messages
26
Points
1

Reputation:

Why there is no Icon In the Middle I am using a dark IO theme?

vuinsider-Screenshot 2022-12-31 103128.png
 

UNKNOWN PH

RUSH ARMY
Registered
Joined
Jun 9, 2019
Messages
606
Points
73

Reputation:

1676441751230.png


i'm not sure but try it in the screenshot i gave I think icon is the problem there, make font awesome icon
 

Zer01ne

Collaborate
Collaborate
Registered
Joined
Nov 25, 2022
Messages
665
Points
253

Reputation:

The same happened to me I fixed it by adding this on templates.

1. search th_widget_post_thread_uix
2. replace the font awesome icon which is <i class="mdi mdi-forum"></i> replace this line with SVG code and tweak the fill color, height, weight whatever you prefer.

SVG:
<svg width="50" height="50" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 60 60" style="fill: #6a493e !important;
    color: rgb(21 196 165);
    margin-top: 15px;" xml:space="preserve">
<g>
    <path d="M57.348,0.793H12.652C11.189,0.793,10,1.983,10,3.446v7.347h34.348c2.565,0,4.652,2.087,4.652,4.653v25.347h1.586
        L60,50.207V3.446C60,1.983,58.811,0.793,57.348,0.793z"/>
    <path d="M44.348,12.793H2.652C1.189,12.793,0,13.983,0,15.446v43.761l9.414-9.414h34.934c1.463,0,2.652-1.19,2.652-2.653V15.446
        C47,13.983,45.811,12.793,44.348,12.793z M11,22.793h12c0.553,0,1,0.448,1,1s-0.447,1-1,1H11c-0.553,0-1-0.448-1-1
        S10.447,22.793,11,22.793z M36,38.793H11c-0.553,0-1-0.448-1-1s0.447-1,1-1h25c0.553,0,1,0.448,1,1S36.553,38.793,36,38.793z
         M36,31.793H11c-0.553,0-1-0.448-1-1s0.447-1,1-1h25c0.553,0,1,0.448,1,1S36.553,31.793,36,31.793z"/>
                    </g>
</svg>
 
Last edited:

Zer01ne

Collaborate
Collaborate
Registered
Joined
Nov 25, 2022
Messages
665
Points
253

Reputation:

Don't forget to mention me in your next thread about iO theme customization support.
 

CINEFLIX PRIME

Active member
Registered
Joined
Jan 30, 2023
Messages
26
Points
1

Reputation:

View previous replies…

Zer01ne

Collaborate
Collaborate
Registered
Joined
Nov 25, 2022
Messages
665
Points
253

Reputation:

CINEFLIX PRIME

Active member
Registered
Joined
Jan 30, 2023
Messages
26
Points
1

Reputation:

If needed You can implement CSS too.
Zer01ne
Code:
<xf:if is="$xf.visitor.canCreateThread()">
    <div class="block" {{ widget_data($widget) }}>
        <div class="block-container">
            <div class="block-body uix_postThreadWidget block-row">
                    <i class="mdi mdi-forum"></i>
                <h3 class="uix_postThreadWidget__title">{$title}</h3>
                <div class="uix_postThreadWidget__description">{$options.description|raw}</div>
                <xf:button href="{{ link('forums/create-thread') }}" class="button--cta" icon="write" overlay="true">
                    {{ phrase('post_thread') }}
                </xf:button>
            </div>
        </div>
    </div>
</xf:if>

<xf:css src="th_widget_post_thread_uix.less" />

I GOT THIS CODE ON MY THEME
 

Zer01ne

Collaborate
Collaborate
Registered
Joined
Nov 25, 2022
Messages
665
Points
253

Reputation:

Code:
<xf:if is="$xf.visitor.canCreateThread()">
    <div class="block" {{ widget_data($widget) }}>
        <div class="block-container">
            <div class="block-body uix_postThreadWidget block-row">
                    <i class="mdi mdi-forum"></i>
                <h3 class="uix_postThreadWidget__title">{$title}</h3>
                <div class="uix_postThreadWidget__description">{$options.description|raw}</div>
                <xf:button href="{{ link('forums/create-thread') }}" class="button--cta" icon="write" overlay="true">
                    {{ phrase('post_thread') }}
                </xf:button>
            </div>
        </div>
    </div>
</xf:if>

<xf:css src="th_widget_post_thread_uix.less" />

I GOT THIS CODE ON MY THEME
CINEFLIX PRIME <i class="mdi mdi-forum"></i> replace this line with SVG code and tweak the fill color, height, weight whatever you prefer.
 
Top