Flat Awesome - PixelExit.com [Deleted]

Rambro said:
@Russ I'm trying out the theme and its great so far but I'm having some difficulty getting my custom BBCode buttons to show up with font awesome icons. In edior_ui.css I added in the same code that I added in for my other theme for the strikethrough, quote, and spoiler buttons I setup, but I can only seem to get the quote button to work. Here's the code:

Code: 
}
html .redactor_toolbar li a.redactor_btn_insertquote:before
{
  content: "\f10e";
}
html .redactor_toolbar li a.redactor_btn_insertspoiler:before
{
  content: “\f071";
}
html .redactor_toolbar li a.redactor_btn_strikethrough:before
{
  content: "\f0cc";
}
Thoughts?
Click to expand...

Looking at it again, you have a different "

for the insertspoiler:
content: “\f071";
 
Rambro said:
Something I just noticed - on iOS 8, the labels for the reply buttons aren't centered properly
View attachment 89073
Click to expand...

Can you try this in extra.css

Code: 
/* iOS fixes */
.button.primary, .submitUnit .button, input.button, input[type="button"]
{
   -webkit-appearance: none;
   -webkit-border-radius: @xb_borderradiuss;
}
 
Russ said:
Can you try this in extra.css

Code: 
/* iOS fixes */
.button.primary, .submitUnit .button, input.button, input[type="button"]
{
   -webkit-appearance: none;
   -webkit-border-radius: @xb_borderradiuss;
}
Click to expand...
Here's the result:
image.webp

Is this what you wanted @Russ? Just making sure I didn't cock something up.
 
Last edited:
How do you get to change the social icons URL's? Sorry if you have answered this already but I am just really curious, thanks! :)
 
@Russ something weird is going on with the cursor focus after embedding media on iOS. Whenever I embed an image or video and hit submit it jumps me to the very top of the page. Every single time.
 
Rambro said:
@Russ something weird is going on with the cursor focus after embedding media on iOS. Whenever I embed an image or video and hit submit it jumps me to the very top of the page. Every single time.
Click to expand...

Have you tried on the default style to see if it does the same thing on your board? Off the top of my head I have zero clue what in this style would be causing that.
 
Russ said:
Have you tried on the default style to see if it does the same thing on your board? Off the top of my head I have zero clue what in this style would be causing that.
Click to expand...
Hmmm. Testing it now. Seems to be hit and miss with my other theme and the default style. This behavior is new for me so I'm not exactly sure what the hell is going on there. Sorry if I jumped the gun.
 
Rambro said:
Hmmm. Testing it now. Seems to be hit and miss with my other theme and the default style. This behavior is new for me so I'm not exactly sure what the hell is going on there. Sorry if I jumped the gun.
Click to expand...

No worries, I've heard of the issue before but that was just in general support questions, the style itself doesn't have any additional javascript so it's bare bones in that sense.

No harm in asking though, best of luck on troubleshooting it heh.
 
BuffaloMoon said:
Could you possibly make and share a Twitch icon for the upper right hand corner as well? That would be super helpful.
Click to expand...

It's easy to do as is, open ad_header:

Code: 
  <ul>
     <li><a href="#"><i class="fa fa-facebook"></i></a></li>
     <li><a href="#"><i class="fa fa-twitter"></i></a></li>
     <li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
     <li><a href="#"><i class="fa fa-google"></i></a></li>
     <li><a href="#"><i class="fa fa-twitch"></i></a></li>
   </ul>
 
Russ said:
It's easy to do as is, open ad_header:

Code: 
  <ul>
     <li><a href="#"><i class="fa fa-facebook"></i></a></li>
     <li><a href="#"><i class="fa fa-twitter"></i></a></li>
     <li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
     <li><a href="#"><i class="fa fa-google"></i></a></li>
     <li><a href="#"><i class="fa fa-twitch"></i></a></li>
   </ul>
Click to expand...

This is what I have and it is not showing up:

Code: 
<xen:hook name="ad_header" />

<xen:require css="fa_socialicons.css" />

<div class="socialicons hiddenResponsiveNarrow">
    <ul>
        <li><a href="https://www.facebook.com/pages/Abracadabra-Community/1495275277406346"><i class="fa fa-facebook"></i></a></li>
        <li><a href="https://twitter.com/AbracadabraMC"><i class="fa fa-twitter"></i></a></li>
        <li><a href="https://www.youtube.com/channel/UCccb6nuXtBbuahMXhHIvO-Q"><i class="fa fa-youtube"></i></a></li>
        <li><a href="https://plus.google.com/118088613147119992305/posts"><i class="fa fa-google"></i></a></li>
        <li><a href="http://www.twitch.tv/abracadabraMC/profile"><i class="fa fa-twitch"></i></a></li>
           
    </ul>
</div>
 
On my phone but one reason would be the font awesome version your running you may need to upload the 4.2 version which should be included in the last version I sent out( or the official website)
 
Russ said:
I'm thinking something like:

Code: 
@media (max-width:@maxResponsiveNarrowWidth) {
.discussionList .sectionHeaders .posterAvatar { display: none !important;}
}
For a quick fix, I'll look better today though.
Click to expand...
No problem Russ. When you have a second, could you please take a look at this for me?:

https://xenforo.com/community/threads/conversation-button-under-avatar.81574/page-15#post-857180

I'm having trouble getting the start conversation button from that addon to work on the member card. For some reason, the theme seems to be rejecting 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