Display Issues

#1 · September 24, 2020, 2:47 pm

Hello.

Each of the Category bars have this strange appearance, they have small lines and seem to expand upwards. Same for the bottom.

On the Statistics box, all 3 corners are square on a dark background, rather than rounded. How do I change this?

Also, some of the forums have this weird ghosting effect in the corners.

Any advice to fix this would be appreciated.

Uploaded files:

#2 · September 25, 2020, 5:06 am

Hey @room237,

did you try to use different browsers?

It would be really helpful to share your URL so I can check the CSS.

If you ever wonder how to return the favour for helping you.

#3 · October 4, 2020, 6:37 pm

Hi,

Seems to work in Google, but displays incorrectly in Safari.

The site is being built and not publicly viewable, can I send you login details privately?

Many thanks,

Angelo

#4 · October 5, 2020, 4:16 am

Hey Angelo,

yes you can send me the login details over my website or via email.

Please note that I can’t test it with safari, because I don’t work with apple.

If you ever wonder how to return the favour for helping you.

#5 · October 5, 2020, 10:21 pm

Many thanks, emailed you the details and added two new screenshots…

Uploaded files:

#6 · October 7, 2020, 7:01 am

Hey Angelo,

I added the following CSS to your Forum:

/* 
 * CANGES FROM QUALMY91 
 */

/* remove white corner at statistics box */
#af-wrapper #statistics {
    border-radius: 4px 4px 0px 0px;
}

/* remove artifacts in content container */
#af-wrapper .content-container {
    border-color: transparent;
    border-bottom: 2px solid #eee;
}

I tested this style with Firefox, Chrome and Opera without any problems. The white corner at the statistics box is gone and the content container looks like before.

Can you please check with safari if the artifacts that you have marked are gone or if they changed.

If you ever wonder how to return the favour for helping you.

#7 · October 7, 2020, 3:10 pm

Hello @room237

I guess that those issues are caused by your theme. As soon as your forum is available to the public, then let me know about the URL. Maybe I can include a compatibility-fix within the next update.

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!

#8 · October 9, 2020, 3:56 pm

Quote from qualmy91 on October 7, 2020, 7:01 am

Hey Angelo,

I added the following CSS to your Forum:
/* 
 * CANGES FROM QUALMY91 
 */

/* remove white corner at statistics box */
#af-wrapper #statistics {
    border-radius: 4px 4px 0px 0px;
}

/* remove artifacts in content container */
#af-wrapper .content-container {
    border-color: transparent;
    border-bottom: 2px solid #eee;
}
I tested this style with Firefox, Chrome and Opera without any problems. The white corner at the statistics box is gone and the content container looks like before.

Can you please check with safari if the artifacts that you have marked are gone or if they changed.

Thanks for the code. It’s fixed the statistics box, but the artefacts are still there eon Safari.

#9 · October 9, 2020, 3:57 pm

Quote from Asgaros on October 7, 2020, 3:10 pm

Hello @room237

I guess that those issues are caused by your theme. As soon as your forum is available to the public, then let me know about the URL. Maybe I can include a compatibility-fix within the next update.

I agree it’s probably theme. Will send a link once it’s live.

Thanks for the continued help guys.

#10 · October 12, 2020, 6:00 am

Hey Angelo,

I tried to add also this line:

overflow-x: visible !important;

Can you please check it again? It’s also important to reload the page including the cached files:

https://superuser.com/questions/186594/how-can-i-force-safari-to-perform-a-full-page-reload-without-using-the-mouse

What Version of Safari are you using? Did you try it on different devices with Safari?

If you ever wonder how to return the favour for helping you.