Missing glow and icon on usergroups

I just noticed that when viewing my forums in Firefox all of the glow effects and icons set to groups all do not work inside the forum board itself
any idea what is causing this? glow and icons work fine in EI and chrome

https://www.bunn3hs-arkserver.com/

https://gyazo.com/4862d2aa6e68e3f4053fa063e95c5c76
(working example on EI)

https://cdn.discordapp.com/attachments/358089761539358720/674560387567583252/unknown.png
(broken example on firefox)


Edit: it looks like after a cookie refresh the code does not want to work on any browsers correctly

tutorials used:
https://help.forumotion.com/t131443-customize-usernames-according-to-group#881088
https://help.forumotion.com/t96136-group-s-style-on-legend-glitter-icon-glow

example of code

Code:

a[href="/g2-moderators"] {
background: url("http://2img.net/i/fa/pbucket.gif") no-repeat;
padding-left: 12px;
padding-top: 2px;
text-shadow:0px 2px 9px #FF001E;
}

a span[style="color:#D10812"] strong {
background: url("http://2img.net/i/fa/pbucket.gif") no-repeat;
padding-left: 12px;
padding-top: 2px;
text-shadow:0px 2px 9px #FF001E;
}

hello

the code has http urls instead of https

skouliki wrote:hello

the code has http urls instead of https

I see this, I'm not sure why but after I paste it and submit on here this forum board changes what I paste to that
the original IMG URL is correct on my forums CSS sheet and is working in some areas of my forums, but not in the board itself, only in the widgets and group legend
this help forum is changing my photobucket URL links to "https://2img.net/i/fa/pbucket.gif"

proof = https://gyazo.com/63d4d8a697214e84d34aacd7f333e4aa

I believe the code thats not showing up for any of my groups is this one, and I cant figure out why

Code:

a span[style="color:#C28100"] strong {
text-shadow:0px 2px 10px #FFFC00;
}

Hello @Bunn3h

The 2 tutorials used have been updated please try them again now and tell me if they work for you.
https://help.forumotion.com/t131443-customize-usernames-according-to-group#881088
https://help.forumotion.com/t96136-group-s-style-on-legend-glitter-icon-glow

 EDIT: also this url is no longer working

Code:

https://2img.net/i/fa/pbucket.gif


the link is broken you will have to replace this url with something new (NOT from photobucket or tinypic as them sites have been blocked.
Best regards.

APE

SLGray wrote:https://help.forumotion.com/t153396-only-topic-missing-images-buttons-on-your-forums

I know they made this change years ago I pay the large sum for image hosting, my images are working, they are just not working in the forum body itself.

Picture example:

Even the text shadow effect is not applying to the usernames in the forum body

APE wrote:

I just attempted this version still no luck on names that appear inside the forum topics, the only legend and widgets work

Code:

a[href="/g2-moderators"] {
    background: url("https://img.photobucket.com/albums/v232/karrit/bunadmin.png") no-repeat;
    padding-left: 12px;
    padding-top: 2px;
    text-shadow:0px 2px 9px #FF001E;
}

a span[style="color:#D10812"] strong {
    background:url(https://img.photobucket.com/albums/v232/karrit/bunadmin.png) no-repeat;
    padding-left:12px;
    padding-top: 2px;
    text-shadow:0px 2px 9px #FF001E;

heres my full CCS sheet if it helps too

Code:

        .fa_vote, .fa_voted, .fa_count {
          font-size:12px;
          font-family:Verdana, Arial, Helvetica, Sans-serif;
          display:inline-block !important;
          width:auto !important;
          float:none !important;
          transition:300ms;
        }
       
        .fa_voted, .fa_vote:hover { opacity:0.4 }
        .fa_voted { cursor:default }
       
        .fa_count {
          font-weight:bold;
          margin:0 3px;
          cursor:default;
        }
       
        .fa_positive { color:#4A0 }
        .fa_negative { color:#A44 }
       
        .fa_votebar, .fa_votebar_inner {
          background:#C44;
          height:3px;
        }
       
        .fa_votebar_inner {
          background:#4A0;
          transition:300ms;
        }

.postprofile {
    background-color: #e6e8ee;
    border-right-style: dashed;
    border-right-width: 3px;
    color: #000000;
    display: inline;
    float: left;
    margin: 10px 0 0;
    min-height: 80px;
    position: relative;
    text-align: center;
    width: 22%;
}

a[href="/g2-moderators"] {
    background: url("https://img.photobucket.com/albums/v232/karrit/bunadmin.png") no-repeat;
    padding-left: 12px;
    padding-top: 2px;
    text-shadow:0px 2px 9px #FF001E;
}

a span[style="color:#D10812"] strong {
    background:url(https://img.photobucket.com/albums/v232/karrit/bunadmin.png) no-repeat;
    padding-left:12px;
    padding-top: 2px;
    text-shadow:0px 2px 9px #FF001E;
}

a[href="/g6-donation-god"] {
background: url("https://img.photobucket.com/albums/v232/karrit/star-icon-empty_1.png") no-repeat;
padding-left: 16px;
padding-top: 4px;
text-shadow:0px 2px 9px #FFFC00;
}

a span[style="color:#FAA83C"] strong {
background: url("https://img.photobucket.com/albums/v232/karrit/star-icon-empty_1.png") no-repeat;
padding-left: 16px;
padding-top: 4px;
text-shadow:0px 2px 9px #FFFC00;
}

a[href="/g4-donators"] {
text-shadow:0px 2px 10px #FFFC00;
}

a span[style="color:#C28100"] strong {
text-shadow:0px 2px 10px #FFFC00;
}

a[href="/g9-blue-king"] {
background: url("https://i.servimg.com/u/f95/19/81/45/11/blue_c10.png") no-repeat;
padding-left: 18px;
padding-top: 2px;
}

a span[style="color:#000CE8"] strong {
background: url("https://i.servimg.com/u/f95/19/81/45/11/blue_c10.png") no-repeat;
padding-left: 18px;
padding-top: 2px;
}

a[href="/g10-red-king"] {
background: url("https://i.servimg.com/u/f95/19/81/45/11/red_cr10.png") no-repeat;
padding-left: 18px;
padding-top: 2px;
}

a span[style="color:#A32323"] strong {
background: url("https://i.servimg.com/u/f95/19/81/45/11/red_cr10.png") no-repeat;
padding-left: 18px;
padding-top: 2px;
}

a[href="/g13-green-king"] {
background: url("https://i.servimg.com/u/f95/19/81/45/11/green_10.png") no-repeat;
padding-left: 18px;
padding-top: 2px;
}

a span[style="color:#0C7A29"] strong {
background: url("https://i.servimg.com/u/f95/19/81/45/11/green_10.png) no-repeat;
padding-left: 18px;
padding-top: 2px;
}

/* max height for images */
#login_popup_content img {
  max-height:400px;
}
 
/* button positions */
#login_popup_buttons {float: left;
  margin-left: 15px;
  width: 100px;
  text-align: center;}
#login_popup_close { display:right; }
#login_popup_buttons input {
  color:#FFF;
  font-size:16px;
  padding:20px !important;
}

#logo-desc p { display: none }

#fa_search, #fa_share {
display: none !important;
}

did you do what APE suggested above? you have still in your code image links that are broken (http urls)

also try disabling optimize your css, it's just below the css stylesheet....this can sometimes cause things not to work, such as keyframe animations

Hello I see in your code you posted here a problem

Code:

        a[href="/g2-moderators"] {
            background: url("http://2img.net/i/fa/pbucket.gif") no-repeat;
            padding-left: 12px;
            padding-top: 2px;
            text-shadow:0px 2px 9px #FF001E;
        }
       
        a span[style="color:#D10812"] strong {
            background:url(http://2img.net/i/fa/pbucket.gif) no-repeat;
            padding-left:12px;
            padding-top: 2px;
            text-shadow:0px 2px 9px #FF001E;

after here >> your code is not closed with a }

Code: text-shadow:0px 2px 9px #FF001E;

also the icons you used for the mods needs to be put inplace of this part >>

Code: http://2img.net/i/fa/pbucket.gif

skouliki wrote:did you do what APE suggested above? you have still in your code image links that are broken (http urls)

also try disabling optimize your css, it's just below the css stylesheet....this can sometimes cause things not to work, such as keyframe animations

I tried testing the code with no image even in play,
like below, and still its the same thing its like the code is just flat out not applying to the forum board, the image host is working fine but the code itself is not working

Code:

a[href="/g2-moderators"] {
    text-shadow:0px 2px 9px #FF001E;
}
 
a span[style="color:#D10812"] strong {
    text-shadow:0px 2px 9px #FF001E;
}

also tried to disable optimization and still no luck

EDIT*

Ape wrote:

that was me just missing the } when I pasted it I assure you its in the CSS
im at my wits end with this, and the image URLs are also correct in the CCS, just photobucket URLS are auto changed/blocked on this topic when I paste it, but even images hosted via servimg

If you like i can use a test account and log in to your forum with admin settings and try and fix your problem.

If you are happy for me to do this please PM me with a test account with admin rights (This should not be your founders account)

APE wrote:If you like i can use a test account and log in to your forum with admin settings and try and fix your problem.

If you are happy for me to do this please PM me with a test account with admin rights (This should not be your founders account)

yes I would love you to look at it! thank you

Oh just thought of something.

when you are looking at your forum are you looking at the members in posts when not logged in ?

I ask this as I have just tested this on my test forum i use to make theme's and when logged in i see it works just fine.

logged in i see it like this (As it should be )



Logged out i see this



The reason this happens is down to our host forumotion stopped click able links when not logged in

APE wrote:Oh just thought of something.

when you are looking at your forum are you looking at the members in posts when not logged in ?

I ask this as I have just tested this on my test forum i use to make theme's and when logged in i see it works just fine.

logged in i see it like this (As it should be )



Logged out i see this



The reason this happens is down to our host forumotion stopped click able links when not logged in

oh my gosh thats literally it, it works fine on all browsers when logged in
*so embarrassed* I didn't even realize the names become unclickable, is there any workaround to get this visible all the time?

okay i can not see anything wrong here
Sadly this code is a little buggy thanks to the update our host did to stop links when logged out.

maybe some one that has a good skill in JavaScript coding can help you fix this

APE wrote:okay i can not see anything wrong here
Sadly this code is a little buggy thanks to the update our host did to stop links when logged out.

maybe some one that has a good skill in JavaScript coding can help you fix this

it's working when logged in just as you thought
thank you again for testing this and figuring it out, its not showing due to the names not being active links as a guest

marking this thread as solved

If i can get a friend of ours to log in i will ask him if there is away to fix this sadly he don't get in that much.

Until then I am sorry but this is the only way this will work for now.

Problem solved & topic archived. Please read our forum rules: ESF General Rules