Flat Awesome - PixelExit.com [Deleted]

Liam W said:
Erm... Is the close button supposed to look like that...?

View attachment 103187

Liam
Click to expand...


All 1.4.5 Updates will need this inside extra.css:

Code: 
@media (max-width:@maxResponsiveMediumWidth)
{
   html.Responsive .xenOverlay a.close
   {
     right: 4px;
     top: 4px;
     width: 16px;
     height: 16px;
   }
}

This fix(or my own version of it) will be included in the next update. This CSS fixes the close icon in the Medium Responsive views.
 
Thank you for the quick fix! This fixes the medium width. The maxResponsiveNarrowWidth also looks nasty, but I'm confident, that the fix in the next version will work as fantastically as the whole theme does (y)
 
gektor said:
Thank you for the quick fix! This fixes the medium width. The maxResponsiveNarrowWidth also looks nasty, but I'm confident, that the fix in the next version will work as fantastically as the whole theme does (y)
Click to expand...

Medium should trickle down to narrow as well and thanks for the kind words :)
 
@Russ I've added font awesome icons before the nav tabs but I can't get them to show up in the dropdown on mobile. Any suggestions on how to accomplish this? I'm using this code in extra.css:

.navTab.forums .navLink:before {
content: '\f0e6';
font-family: FontAwesome;
font-size: 15px;
font-weight: normal;
padding-right: 3px;
}
 
Rambro said:
@Russ I've added font awesome icons before the nav tabs but I can't get them to show up in the dropdown on mobile. Any suggestions on how to accomplish this? I'm using this code in extra.css:

.navTab.forums .navLink:before {
content: '\f0e6';
font-family: FontAwesome;
font-size: 15px;
font-weight: normal;
padding-right: 3px;
}
Click to expand...

The javascript strips out class names in the responsive menu, not really an easy way to target them that I know of. You could literally just stick font awesome next to the phrase in the template, but you'd have to get the extra tabs from plugins as well.

Rambro said:
Also, found a weird glitch/bug in TaigaChat when I have the navbar chat page setup. Both the logo and navigation are showing below the chat box

View attachment 103444
Click to expand...

This is usually due to a missing closing bracket somewhere
 
Russ said:
The javascript strips out class names in the responsive menu, not really an easy way to target them that I know of. You could literally just stick font awesome next to the phrase in the template, but you'd have to get the extra tabs from plugins as well.
Click to expand...
Which template should I look in? navigation?
Russ said:
This is usually due to a missing closing bracket somewhere
Click to expand...

Seems to have randomly fixed itself. Which is f'in weird.
 
Scratch that - the taigachat nav issue is back again. This time on mobile. Not exactly sure what would make it work properly on desktop but not mobile.
 
I look around, but I couldn't find out how to change these icons:
cbc9522769.png

I also want to remove and change some of these icons:
0c0955ff69.png

I looked in all the obvious places I could think of but I didn't see any place to change them. How can I change these? Thanks.
 
Rambro said:
Scratch that - the taigachat nav issue is back again. This time on mobile. Not exactly sure what would make it work properly on desktop but not mobile.
Click to expand...

Does it do it on the parent Flat Awesome install?

Also by closing bracket, I meant a </div> instead, sometimes it's hard to track but usually going through your customized components on your child style and reverting the TEMPLATES one by one helps to track it quickly. Of course backup the style before you do that.

For the icons, if you just edit navigation template:

You could stick the full html for the font awesome icon:

Code: 
<a href="{$tabs.forums.href}" class="navLink">{$tabs.forums.title}</a>
---->
Code: 
<a href="{$tabs.forums.href}" class="navLink"><i class="fa fa-anchor"></i> {$tabs.forums.title}</a>

But not entirely sure how the add-ons would be selected =/

I think we've talked about this before :D

bugfroggy said:
I look around, but I couldn't find out how to change these icons:
cbc9522769.png

I also want to remove and change some of these icons:
0c0955ff69.png

I looked in all the obvious places I could think of but I didn't see any place to change them. How can I change these? Thanks.
Click to expand...

For the user icons up top you can either:

Edit the navigation_visitor_tab template

Or use simple css:

Code: 
.navTab.inbox .fa:before { content: "\f13d";}
.navTab.alerts .fa:before { content: "\f042";}
I believe that would work :)

For the footer icons you'll need to simply edit the footer template, looking for this part:

Code: 
      <ul class="footerLinks">
       <xen:hook name="footer_links">
         <xen:if is="{$xenOptions.contactUrl.type} === 'default'">
           <li><a href="{xen:link 'misc/contact'}" class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}"><i class="fa fa-envelope"></i> {xen:phrase contact_us}</a></li>
         <xen:elseif is="{$xenOptions.contactUrl.type} === 'custom'" />
           <li><a href="{$xenOptions.contactUrl.custom}" {xen:if {$xenOptions.contactUrl.overlay}, 'class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}"'}><i class="fa fa-envelope"></i> {xen:phrase contact_us}</a></li>
         </xen:if>
         <li><a href="{xen:link help}"><i class="fa fa-life-ring"></i></a></li>
         <xen:if is="{$homeLink}"><li><a href="{$homeLink}" class="homeLink"><i class="fa fa-home"></i> </a></li></xen:if>
         <li><a href="{$requestPaths.requestUri}#navigation" class="topLink"><i class="fa fa-caret-square-o-up"></i></a></li>
         <li><a href="{xen:link forums/-/index.rss}" rel="alternate" target="_blank"
           title="{xen:phrase rss_feed_for_x, 'title={$xenOptions.boardTitle}'}"><i class="fa fa-rss-square"></i></a></li>
       </xen:hook>
       </ul>


Here's the cheatsheet for fontawesome:

http://fontawesome.io/cheatsheet/

Or for the footer template you'll need the full html for the icon:

http://fontawesome.io/icons/
 
Russ said:
Does it do it on the parent Flat Awesome install?

Also by closing bracket, I meant a </div> instead, sometimes it's hard to track but usually going through your customized components on your child style and reverting the TEMPLATES one by one helps to track it quickly. Of course backup the style before you do that.

For the icons, if you just edit navigation template:

You could stick the full html for the font awesome icon:

Code: 
<a href="{$tabs.forums.href}" class="navLink">{$tabs.forums.title}</a>
---->
Code: 
<a href="{$tabs.forums.href}" class="navLink"><i class="fa fa-anchor"></i> {$tabs.forums.title}</a>

But not entirely sure how the add-ons would be selected =/

I think we've talked about this before :D



For the user icons up top you can either:

Edit the navigation_visitor_tab template

Or use simple css:

Code: 
.navTab.inbox .fa:before { content: "\f13d";}
.navTab.alerts .fa:before { content: "\f042";}
I believe that would work :)

For the footer icons you'll need to simply edit the footer template, looking for this part:

Code: 
      <ul class="footerLinks">
       <xen:hook name="footer_links">
         <xen:if is="{$xenOptions.contactUrl.type} === 'default'">
           <li><a href="{xen:link 'misc/contact'}" class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}"><i class="fa fa-envelope"></i> {xen:phrase contact_us}</a></li>
         <xen:elseif is="{$xenOptions.contactUrl.type} === 'custom'" />
           <li><a href="{$xenOptions.contactUrl.custom}" {xen:if {$xenOptions.contactUrl.overlay}, 'class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}"'}><i class="fa fa-envelope"></i> {xen:phrase contact_us}</a></li>
         </xen:if>
         <li><a href="{xen:link help}"><i class="fa fa-life-ring"></i></a></li>
         <xen:if is="{$homeLink}"><li><a href="{$homeLink}" class="homeLink"><i class="fa fa-home"></i> </a></li></xen:if>
         <li><a href="{$requestPaths.requestUri}#navigation" class="topLink"><i class="fa fa-caret-square-o-up"></i></a></li>
         <li><a href="{xen:link forums/-/index.rss}" rel="alternate" target="_blank"
           title="{xen:phrase rss_feed_for_x, 'title={$xenOptions.boardTitle}'}"><i class="fa fa-rss-square"></i></a></li>
       </xen:hook>
       </ul>


Here's the cheatsheet for fontawesome:

http://fontawesome.io/cheatsheet/

Or for the footer template you'll need the full html for the icon:

http://fontawesome.io/icons/
Click to expand...
Thanks!
 
Russ said:
Does it do it on the parent Flat Awesome install?
Click to expand...
Yep, sure does.
Russ said:
Also by closing bracket, I meant a </div> instead, sometimes it's hard to track but usually going through your customized components on your child style and reverting the TEMPLATES one by one helps to track it quickly. Of course backup the style before you do that.
Click to expand...
I rolled through the list and don't have anything under TaigaChat or dark_taigachat, which is what the template names use. Gonna reach out to Luke and see what he has to say.
Russ said:
I think we've talked about this before :D
Click to expand...
That's definitely a possibility. I do a lot of drugs.
 
Rambro said:
Yep, sure does.

I rolled through the list and don't have anything under TaigaChat or dark_taigachat, which is what the template names use. Gonna reach out to Luke and see what he has to say.

That's definitely a possibility. I do a lot of drugs.
Click to expand...

Did you by chance edit the footer template at all? I did remove a div but it was a duplicate closing div I threw in there by accident.
 
Not sure what else to say, I'd need an installation and a login to try to debug.

Is anyone else having problems with the chat?
 
You must log in or register to reply here.

Similar threads

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