Profile Menu Tab Selector

Go down

Solved Profile Menu Tab Selector

Post by CindaLove on July 26th 2018, 6:18 pm

Hi, all. Smile The profile menu tab selector (don't know if that is the correct term) in ModernBB is very thin and can be difficult to see for our vision impaired members. I was able to change the color from the default blue to black by changing it in the CSS, which has helped a little but is still difficult to see. Is there anyway that the selector line can be made thicker, like it is here on the Help Forum?

Spoiler:

avatar
CindaLove
Forumember

Female Posts : 46
Reputation : 3
Language : U.S. English
Location : U.S.A.

http://thesimmersgarden.com

Back to top Go down

Solved Re: Profile Menu Tab Selector

Post by skouliki on July 26th 2018, 8:08 pm

hello 

can you send by pm a test account please
avatar
skouliki
Manager
Manager

Female Posts : 4629
Reputation : 766
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Profile Menu Tab Selector

Post by skouliki on July 27th 2018, 6:58 pm

add this to your css, change the number to your likeness

Code:
#tabs ul {
      line-height: 3.8;
}
avatar
skouliki
Manager
Manager

Female Posts : 4629
Reputation : 766
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Profile Menu Tab Selector

Post by CindaLove on July 27th 2018, 7:06 pm

That just made the tabs themselves larger.

Spoiler:

I want a thicker selector line like this:

Spoiler:
avatar
CindaLove
Forumember

Female Posts : 46
Reputation : 3
Language : U.S. English
Location : U.S.A.

http://thesimmersgarden.com

Back to top Go down

Solved Re: Profile Menu Tab Selector

Post by skouliki on July 27th 2018, 7:20 pm

sorry i misunderstood

replace the code i gave you with this

Code:

#tabs ul .activetab a {
    border-bottom-width: 3px;
}
avatar
skouliki
Manager
Manager

Female Posts : 4629
Reputation : 766
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Profile Menu Tab Selector

Post by CindaLove on July 27th 2018, 7:24 pm

That is better but it pops the tab up.

Spoiler:

And also it would be better if the hover/highlight bar was thicker, too, as it is here on the Support forum.

avatar
CindaLove
Forumember

Female Posts : 46
Reputation : 3
Language : U.S. English
Location : U.S.A.

http://thesimmersgarden.com

Back to top Go down

Solved Re: Profile Menu Tab Selector

Post by mpelmmc on July 27th 2018, 7:37 pm

Hi @CindaLove

Try this:

Code:
#tabs ul .activetab a {
    border-bottom-width: 3px;
    height: 35px
}

Edit the 35px to the number which fits the best in your forum. In my case, it looks like this, but your case might be different Wink

Best regards :rose:



Rules of the forum - Frequently Asked Questions - Have you lost your password?
Please mark the "solved" button if your problem/doubt has been solved.
avatar
mpelmmc
Support Moderator
Support Moderator

Male Posts : 829
Reputation : 129
Language : English and Spanish

https://help.forumotion.com/

Back to top Go down

Solved Re: Profile Menu Tab Selector

Post by skouliki on July 27th 2018, 7:41 pm

@skouliki wrote:
replace the code i gave you with this

Code:

#tabs ul .activetab a {
    border-bottom-width: 3px;
}

replace with this

Code:

tabs ul .activetab a {
    border-bottom-width: 3px;
      line-height: 32px;
}
avatar
skouliki
Manager
Manager

Female Posts : 4629
Reputation : 766
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Profile Menu Tab Selector

Post by CindaLove on July 27th 2018, 7:49 pm

@mpelmmc that pushes the tab down when selected.

Spoiler:

@skouliki it doesn't do anything, it's like it is before.


avatar
CindaLove
Forumember

Female Posts : 46
Reputation : 3
Language : U.S. English
Location : U.S.A.

http://thesimmersgarden.com

Back to top Go down

Solved Re: Profile Menu Tab Selector

Post by skouliki on July 27th 2018, 7:54 pm

Code:

#tabs ul .activetab a {
    border-bottom-width: 3px;
      line-height: 32px;
}

can you retry i forgot the #
avatar
skouliki
Manager
Manager

Female Posts : 4629
Reputation : 766
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Profile Menu Tab Selector

Post by mpelmmc on July 27th 2018, 7:56 pm

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



Rules of the forum - Frequently Asked Questions - Have you lost your password?
Please mark the "solved" button if your problem/doubt has been solved.
avatar
mpelmmc
Support Moderator
Support Moderator

Male Posts : 829
Reputation : 129
Language : English and Spanish

https://help.forumotion.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum