- Joined
- Jan 30, 2023
- Messages
- 26
- Points
- 1
Reputation:
Why there is no Icon In the Middle I am using a dark IO theme?
Reputation:
Reputation:
Reputation:
th_widget_post_thread_uix
<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>
Reputation:
Reputation:
Reputation:
THANK YOU @Zer01ne IT SHOWS THIS TYPE OF ICON
View attachment 33340
I WANT THIS TYPE :
View attachment 33341
Reputation:
THANK YOU @Zer01ne IT SHOWS THIS TYPE OF ICON
View attachment 33340
I WANT THIS TYPE :
View attachment 33341
Reputation:
If needed You can implement CSS too.
<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" />
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
<i class="mdi mdi-forum"></i>
replace this line with SVG code and tweak the fill color, height, weight whatever you prefer.Reputation:
<i class="mdi mdi-forum"></i>
replace this line with SVG code and tweak the fill color, height, weight whatever you prefer.
Reputation:
thank you so much sir!