Greetings! Looking for some CSS solutions.

#1 · January 13, 2018, 4:38 pm

Greetings!

I love this plugin and look forward to helping development. My donation will be processed soon.
Looking for some suggestions or solutions to a few cosmetic things – Nothing system based.

After my experiences with other forum software, I’m wary of poking around.
Don’t want to break anything unintentionally.

#1. Add custom forum icons?
Is there some CSS you can provide to allow me to add custom icons? Dash icons are great, but limited.
This thread is close to what I need, but not entirely – https://asgaros.com/support/?view=thread&id=10

#2. Bold Category Titles?
I’d like the category titles / last post text to be in a bold font when compared to the forum titles.

#3. RTL Menu?
I’d like the Forum menu to star from the Right instead of left.
My website menu is currently RTL and having the forum menu on the left looks a bit tacky.
This is more of a personal issues, hence looking for CSS and not plugin implementation.

#4. Remove or change “Overview” text on forum home ?
I’d like the word “overview” to removed from the forum home.
IMO – It’s a bit redundant for the forum home, but fine for other pages.

Here is my WIP website for visual reference if needed: HERE

Any help would be appreciated and I’m willing to provide solutions where I can.

#2 · January 13, 2018, 6:13 pm

Hello SYG Dev

Is there some CSS you can provide to allow me to add custom icons?

For which parts of the forum do you want to use custom-icons? Which icon-pack do you plan to use?

I’d like the category titles / last post text to be in a bold font when compared to the forum titles.

Please add the following code to your themes style.css file:

#af-wrapper .title-element,
#af-wrapper .last-post-headline {
    font-weight: bold !important;
}

I’d like the Forum menu to star from the Right instead of left.

Please add the following code to your themes style.css file:

#af-wrapper #forum-header-container-top {
    text-align: right !important;
}

I’d like the word “overview” to removed from the forum home.

Please add the following code to your themes style.css file:

#af-wrapper #forum-header-container-top a:first-child {
    display: none;
}

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

#3 · January 13, 2018, 6:51 pm

Quote from Asgaros on January 13, 2018, 6:13 pm

Hello SYG Dev

Is there some CSS you can provide to allow me to add custom icons?

For which parts of the forum do you want to use custom-icons? Which icon-pack do you plan to use?

Greetings Asgaros!

Thank you for your quick response and help. I wasn’t expecting a response so soon!

I have uploaded a picture of the icons I’d like to change. I have PNGs that I’d like to use in place of the current icon. I can resize them myself, but not sure if it’s an option/possible.

Much appreciated.

An example of the PNG icons I’d like to use are here on the old forum I’m about to delete: HERE

Uploaded files:

#4 · January 13, 2018, 11:31 pm

Hello again!

To change the icon to a custom uploaded image, you have to know the ID of the forum and the URL to the uploaded image. Here is an CSS example for a forum with the ID 1:

#af-wrapper #forum-1 .forum-status span:before {
    content: "";
    background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSpx-jwEW2p6thm6eWaJb5xsLqz7IJu2S037pG86fp1DKQjsiGCDg");
}

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

#5 · January 14, 2018, 12:45 am

Quote from Asgaros on January 13, 2018, 11:31 pm

Hello again!

To change the icon to a custom uploaded image, you have to know the ID of the forum and the URL to the uploaded image. Here is an CSS example for a forum with the ID 1:
#af-wrapper #forum-1 .forum-status span:before {
    content: "";
    background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSpx-jwEW2p6thm6eWaJb5xsLqz7IJu2S037pG86fp1DKQjsiGCDg");
}
#af-wrapper #forum-1 .forum-status span:before {

content: “”;

background-image: url(“https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSpx-jwEW2p6thm6eWaJb5xsLqz7IJu2S037pG86fp1DKQjsiGCDg”);

}
#af-wrapper #forum-1 .forum-status span:before {
    content: "";
    background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSpx-jwEW2p6thm6eWaJb5xsLqz7IJu2S037pG86fp1DKQjsiGCDg");
}

Asgaros! Buddy!

You’re awesome. I’ll do my best to help answer support posts where appropriate/within my range of knowledge to help out a bit. It’s the least I can do.

Thanks again for the awesome service and support.