Flat Awesome - PixelExit.com [Deleted]

Navigate to the Flat Awesome style properties and in the settings remove the node icon path they have set, then go back to the style properties and find node icon and set up your custom icons there.
thanks buddy i removed font awesome and it now displays nothing on my nodes, pic below but i have added the path in the node icon in SP
 

Attachments

  • Screenshot (5).webp
    Screenshot (5).webp
    78.7 KB · Views: 33
  • Screenshot (6).webp
    Screenshot (6).webp
    54.2 KB · Views: 32
thanks buddy i removed font awesome and it now displays nothing on my nodes, pic below but i have added the path in the node icon in SP
Make sure the URL points to the image on your server. Looking at my FA installation I dont have that /sources/ folder that you're using, not sure if you added it or not. You can also make a folder called images in your styles folder so /styles/images/read.png and see if it works then, thats what I do for custom images.
 
next question @Russ how do i remove that folder in the category title left of title s0rethumbs
 

Attachments

  • Screenshot (7).webp
    Screenshot (7).webp
    46.8 KB · Views: 33
Code:
.nodeList .categoryStrip .nodeTitle::before {
display: none;
}
perfect, this style is coming along great, my next little problem is a spacing issue, how can i put a gap between the chat block and the start of the category
 

Attachments

  • Screenshot (8).webp
    Screenshot (8).webp
    96.3 KB · Views: 30
I think I've found a problem(bug?) with the style on mobile phones. I noticed this problem before, but it has become worse after I added a background image. I'm using xenforo 1.4.10.

Within "Flat Awesome Properties -> Background Top Helper ->Background"
I set it to an image and made it 500px long. This looks great on my forum using a desktop web browser. However, on mobile, the background image shows up first on loading the screen, then slowly all the elements completely cover it up. I understand mobile hides the background on purpose, which is fine. However, the image popping up first on the screen looks really tacky and also slows down the browser loading. Eventually, it is fully covered up and looks fine (which is ok) but the load process just looks really bad with Chrome on my android phone. It's also unnecessary since the background is never shown on mobile. Even without using a background image, the default blue color would do the same thing and eventually be covered, causing a weird mobile load process.

Is there a way to make it so this background image or background color never load for mobile users? Or somehow loads last (already covered up)? Removing the background for mobile would be better for page speed as well.
:D
...

Unfortunately the browser will still download the images even if you use media queries. Best thing to do is to optimize the images you load

Kraken.io Image Optimizer


According to this addon: Browser Detection (Mobile/MSIE) , you can detect the browser type and using a conditional, prevent the browser from loading something. Couldn't I do this to prevent the background from loading? Just optimizing it with kraken is not enough because it still pops up every time on mobile. What template and where would I edit the background I mentioned I needed to change? Thank you!
 
There is a bug with this style on XenForo 1.5.0.
Using Notice on Floating, dismiss has word D, not an X to dismiss.
 
According to this addon: Browser Detection (Mobile/MSIE) , you can detect the browser type and using a conditional, prevent the browser from loading something. Couldn't I do this to prevent the background from loading? Just optimizing it with kraken is not enough because it still pops up every time on mobile. What template and where would I edit the background I mentioned I needed to change? Thank you!

Haven't used that add-on but I suppose you could just somehow wrap the CSS in a conditional which that plugin provides to achieve it. But again I haven't used
 
Back
Top Bottom