Flat Awesome - PixelExit.com [Deleted]

[Russ]

is it working with Xenforo v1.4.5?
I think about upgrading my Xenforo from 1.4.3 to 1.4.5....

I think 1.4.5 only has one outdated template: discussion_list.css which you can just open and click "Save and exit" if you want. Updates coming shortly for the style within a few days.

 

[VtoX]

Hi guys.

First, thank you to Russ for this great style.

I have my current style as a child style of flat awesome.

If I upgrade the parent theme will that also upgrade my child theme and preserve colors, options, etc.

Thanks

 

[melbo]

Upgrade your parent theme (overwrite)
Make edits (customizations, colors, etc) in your child theme.

This preserves your active theme.

 

[RalleRalle]

I think 1.4.5 only has one outdated template: discussion_list.css which you can just open and click "Save and exit" if you want. Updates coming shortly for the style within a few days.

So I should not use the "merge" function?
(also "attached_files.css" seems to be affected)

 

[Russ]

So I should not use the "merge" function?
(also "attached_files.css" seems to be affected)

I should of noted... use the merge feature first, if it doesn't work for some reason do my above instructions. I only mentioned it for this specific template because something was added that didn't really effect anything outside a specific case.

 

[melbo]

Is there a quick way to fix the taigachat control buttons? My color picker image rides high and the rest of the button containers seem a little stretched. I tried replacing them with Font Awesome but keep running into problems with the color picker and smilie images.

 

[Steve F]

You can add this to EXTRA.css

.xenForoSkin .taigachat_bbcode_color {
margin-top: 5px;
}

Also you may consider adding this as well. It replaces the default Taiga button images with Font Awesome.

#taigachat_controls .taigachat_bbcode span.mce_bold:before        { content: "\f032";}
#taigachat_controls .taigachat_bbcode span.mce_italic:before        { content: "\f033";}
#taigachat_controls .taigachat_bbcode span.mce_strikethrough:before    { content: "\f0cc";}
#taigachat_controls .taigachat_bbcode span.mce_image:before        { content: "\f03e";}
#taigachat_controls .taigachat_bbcode span.mce_link:before        { content: "\f0c1";}
.taigachat_bbcode .mceIcon
{
    background: none repeat scroll 0 0 transparent !important;
}
.taigachat_bbcode .mceIcon:before
{
    font-family: FontAwesome;
    font-size: 15px;
}
html .taigachat_bbcode span.mceIcon, html .taigachat_bbcode img.mceIcon { display: inline-block !important; }

 

[melbo]

Great, thanks Steve.
Can we replace the color picker and smilie icons?
I got them to display but the buttons were displaying both the tagiachat icon and the FA

 

[Steve F]

This should remove the icons, not sure why it isn't applying.

html .taigachat_bbcode .mceIcon
{
    background: none repeat scroll 0 0 transparent !important;
}

If you can re-apply the CSS above I can take a look, I just registered on your site earlier to check it out.

Edit: Actually, add the bit in red and see if that fixes it.

 

[lostincable]

Awesome stlye....

There used to be a picture over your avatar for threads you had replied to.

Presuming this was removed as part of the style design?

 

[Axel B]

@Russ, I really love your skin and would really like to keep it on my forum. I hope you can help out.
I cannot get AndyB's addon Header Thumbs to work with Flat Awsome. The thumbs do show up in the default Xenforo skin, but not in Flat Awsome.
Is there some trick / modification I can make in the child skin to get the header thumbs working?
Thanks in advance!

 

[Russ]

Awesome stlye....

There used to be a picture over your avatar for threads you had replied to.

Presuming this was removed as part of the style design?

I'd need to see your site live with a login(on an account that has some posts so I can check). The style itself shouldn't effect that at all.

@Russ, I really love your skin and would really like to keep it on my forum. I hope you can help out.
I cannot get AndyB's addon Header Thumbs to work with Flat Awsome. The thumbs do show up in the default Xenforo skin, but not in Flat Awsome.
Is there some trick / modification I can make in the child skin to get the header thumbs working?
Thanks in advance!

Without installing the plugin... he's more than likely using the ad_header template, which I have customized.

You could try opening it and removing everything but the hook up top, so it looks like:

<xen:hook name="ad_header" />

This would put it back to the default template.

 

[Axel B]

Hi Russ,

Did a little trial and error and adjusted the ad_header as per your instructions. Unfortunately no result.

Did some more digging and found that Andy uses this piece of code:

<xen:require css="andy_headerthumbs.css" />
<xen:set var="$headerThumbs1"><xen:callback class="Andy_HeaderThumbs_Index" method="getHtml1"></xen:callback></xen:set>
<xen:set var="$headerThumbs2"><xen:callback class="Andy_HeaderThumbs_Index" method="getHtml2"></xen:callback></xen:set>
<xen:set var="$headerThumbs3"><xen:callback class="Andy_HeaderThumbs_Index" method="getHtml3"></xen:callback></xen:set>
<table class="headerthumbs_table">
<tr>
<td class="headerthumbs_image">
    <a href="{xen:link {$headerThumbs1}}"><img src="{$xenOptions.headerThumbsThumbLink}headerthumbs0.jpg"></a>
</td>
<td class="headerthumbs_image">
    <a href="{xen:link {$headerThumbs2}}"><img src="{$xenOptions.headerThumbsThumbLink}headerthumbs1.jpg"></a>
</td>
<td class="headerthumbs_image">
    <a href="{xen:link {$headerThumbs3}}"><img src="{$xenOptions.headerThumbsThumbLink}headerthumbs2.jpg"></a>
</td>
</tr>
</table>

Not sure if it is helpful. Would be very grateful for any assistance.

Cheers, Axel

 

[Axel B]

Russ, I run into the same problem with AndyB's addon Weekly Digest. It works on the default theme, but not on FlatAwsome

 

[Russ]

For the header thumbs, you may need to add the code in manually... also a suggestion for @AndyB basically the template mod is trying to find the entire logo_block template (default code), the template mod could definitely be narrowed down to even something like:

find:

       <span class="helper"></span>

Rather than the stock entire logo_block for better compatibility with third party styles.

For now @Axel open logo_block:

Find:

  </xen:hook>
       <span class="helper"></span>

Add above like so:

  <!-- header thumbs -->
       <xen:include template="andy_headerthumbs" />   

  </xen:hook>
       <span class="helper"></span>

See if that works for you.

 

[Axel B]

I get the Header Thumbs in there! Many thanks @Russ!
Will try to find if I can find the Footer for the other addon made by AndyB - Weekly Digest
A similar trick should work.

 

[melbo]

How would I change the color of the entire (full monitor width) white strip that is the background for the text logo?

 

[melbo]

Found it:
#logoBlock

 

[melbo]

How would I change the tab submenu hamburgers to a down arrow or something else?
The multiple hamburgers in responsive view is troubling my eyes:

 

[Russ]

How would I change the tab submenu hamburgers to a down arrow or something else?
The multiple hamburgers in responsive view is troubling my eyes:

View attachment 99379

Ya for whatever reason I saw that the other day and it bugged me too haha:

.navTabs .navTab .SplitCtrl .fa:before { content: "\f054"; }

Try that out, for more codes:
http://fontawesome.io/cheatsheet/