Flat Awesome + - PixelExit.com [Deleted]

Terror said:
thank you very much, that question livesearch is really important for the forum
Click to expand...

So I just tested on my dev board and it appears to be working just fine:

Screenshot_8.webp


Could you PM me a login to your forum where I can replicate the problem going on by chance?
 
Another issue I am having is in AMS the text in the dropdown menus turn blue on hover. I was having the same issue with showcase, but I fixed it with CSS.
 
Thanks, going forward giving that info when first asking the question can speed things up :).

Looks like you'll need to enable debug mode and edit the template modifications, look at your template mods under the AMS group and look for the one that changes the "navigation_visitor_tab" template.
 
Debug mode? :eek: I enabled font awesome icons in that drop down and it said that it only covers the default option and extra icons would have to be added manually. Couldn't I just do it with CSS?
 
CarpCharacin said:
Debug mode? :eek: I enabled font awesome icons in that drop down and it said that it only covers the default option and extra icons would have to be added manually. Couldn't I just do it with CSS?
Click to expand...

No, XF doesn't use specific classes on the dropdown so you can't properly target each link.

https://xenforo.com/community/threads/frequently-asked-questions.5183/#post-248490

Some developers use a template to add a link there, others use a template modification. You can only edit the template mod when debug mode is enabled.
 
@Russ
I have post ratings enabled and would like to boxes like this?
3L4HAbh.png


How to do so? Can't seem to figure it out.
 
I'd n
Linkzy said:
@Russ
I have post ratings enabled and would like to boxes like this?
3L4HAbh.png


How to do so? Can't seem to figure it out.
Click to expand...

Requires a little custom work...

edit the template: dark_postrating_message_user_info

Replace all contents with:


Code: 
<xen:require css="dark_postrating.css" />

<xen:if hascontent="true">
<div class="customRatingsWrapper">
<xen:contentcheck>

<xen:if is="{$postrating_enabled_ratings.positive}">
<dl class="customPositive customRating">
<dt><i class="fa fa-star Tooltip" aria-hidden="true" title="{xen:phrase dark_positive_ratings_received}"></i></dt>
<dd><span class="dark_postrating_positive">+{xen:number $postrating_ratings_total.positive}</span></dd>
</dl>
</xen:if>

<xen:if is="{$postrating_enabled_ratings.neutral}">
<dl class="customNeutral customRating">
<dt><i class="fa fa-star-half-o Tooltip" aria-hidden="true" title="{xen:phrase dark_neutral_ratings_received}"></i></dt>
<dd><span class="dark_postrating_neutral">{xen:number $postrating_ratings_total.neutral}</span></dd>
</dl>
</xen:if>

<xen:if is="{$postrating_enabled_ratings.negative}">
<dl class="customNegative customRating">
<dt><i class="fa fa-star-o Tooltip" aria-hidden="true" title="{xen:phrase dark_negative_ratings_received}"></i></dt>
<dd><span class="dark_postrating_negative">-{xen:number $postrating_ratings_total.negative}</span></dd>
</dl>
</xen:if>
</xen:contentcheck>
</div>
</xen:if>

Then add this to your extra.css for this result:

Screenshot_7.webp



Code: 
.customRatingsWrapper
{
   background-color: @xbSecondaryContent;
   margin: 5px 0px;
   border: 1px solid @xbSecondaryBorder;
   border-radius: @xb_borderradiuss;
   overflow: hidden;
   padding: 5px;
   text-align: center;
}
.customRating
{
   font-size: 14px;
   margin: 0px !important;
   display: inline-block;
   box-sizing: border-box;
   min-width: 31%;
}
.customRating dt, .customRating dd
{
   float: none;
   width: auto;
   text-align: center;
   margin-right: 0px;
}
.customRating.customPositive, .Responsive .messageUserBlock .extraUserInfo .customPositive .fa
{
   color: #62A201;
}
.customRating.customNegative, .Responsive .messageUserBlock .extraUserInfo .customNegative .fa
{
   color: #D90B00;
}

Or individual boxes:

Screenshot_8.webp

Code: 
.customRatingsWrapper
{
   text-align: center;
}
.customRating
{
   font-size: 14px;
   margin: 0px !important;
   display: inline-block;
   box-sizing: border-box;
   min-width: 31%;
   background-color: @xbSecondaryContent;
   margin: 5px 0px;
   border: 1px solid @xbSecondaryBorder;
   border-radius: @xb_borderradiuss;
   padding: 5px;
}
.customRating dt, .customRating dd
{
   float: none;
   width: auto;
   text-align: center;
   margin-right: 0px;
}
.customRating.customPositive, .Responsive .messageUserBlock .extraUserInfo .customPositive .fa
{
   color: #62A201;
}
.customRating.customNegative, .Responsive .messageUserBlock .extraUserInfo .customNegative .fa
{
   color: #D90B00;
}
 
Can you check: Style Properties: Overlays and Tooltips -> Overlay Close Gadget

see if it's outdated, if so revert it.
 
You must log in or register to reply here.

Similar threads

Pixel Exit
Flat Awesome + - PixelExit.com [Paid]
5 6 7
Replies
130
Views
11K
Pixel Exit
Pixel Exit
Top Bottom