Why there is no Icon In the Middle?

[CINEFLIX PRIME]

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

 

[UNKNOWN PH]

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

 

[Zer01ne]

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 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>

 

[Zer01ne]

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

 

[CINEFLIX PRIME]

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

Zer01neTHANK YOU @Zer01ne IT SHOWS THIS TYPE OF ICON

I WANT THIS TYPE :

 

[Zer01ne]

THANK YOU @Zer01ne IT SHOWS THIS TYPE OF ICON
View attachment 33340

I WANT THIS TYPE :
View attachment 33341

CINEFLIX PRIMEI customized the SVG based on my site colors.
This is not exactly the same icon though but it similar one.
You can just change the fill color code with your own color.
As it's an SVG you can change the size too.

 

[Zer01ne]

THANK YOU @Zer01ne IT SHOWS THIS TYPE OF ICON
View attachment 33340

I WANT THIS TYPE :
View attachment 33341

CINEFLIX PRIMEIf needed You can implement CSS too.

 

[CINEFLIX PRIME]

If needed You can implement CSS too.

Zer01ne

<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]

<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.

 

[CINEFLIX PRIME]

<i class="mdi mdi-forum"></i> replace this line with SVG code and tweak the fill color, height, weight whatever you prefer.

Zer01nethank you so much sir!

 

[Zer01ne]

thank you so much sir!

CINEFLIX PRIMEPlease approach me as a brother, not sir.
I'm glad to help you out.