how do I fix the highlighted section it shows completely white? sorry im new to ipb and hopefully someone can help me just learning ipb. thanks!

You can use a inspector to locate this information and any other areas needing adjustments  Once you find it in your inspector you can add it into your themes custom.css with the alterations to the rule. Once that adjusted rule's in your custom.css it will over-ride the stock css rule.

Regards

what is an inspector and where do I find this?

3 minutes ago, tomsipb said:

what is an inspector and where do I find this?

depending on web browser Chrome is right click and use Inspect and Firefox is same but calls it little different

thank you!

will someone here please be kind and help me fix this minor problem with my forum?

39 minutes ago, tomsipb said:

will someone here please be kind and help me fix this minor problem with my forum?

Try to paste this to custom.css 

ACP > Themes > Edit HTML and CSS > CSS > custom.css

ul:not( .ipsMenu_keyNav ) .ipsMenu_item:not( .ipsMenu_itemClicked ):not( .ipsMenu_itemDisabled ) a:hover, .ipsMenu_item[data-selected] a, .ipsMenu_item[data-selected] span, .ipsMenu_item.ipsMenu_hover {
	background: #000;
}

however it might still depend on your theme, if above css code doesn't work then you must use browser inspector to check the classes 

3 hours ago, TAMAN said:

Try to paste this to custom.css 

ACP > Themes > Edit HTML and CSS > CSS > custom.css

ul:not( .ipsMenu_keyNav ) .ipsMenu_item:not( .ipsMenu_itemClicked ):not( .ipsMenu_itemDisabled ) a:hover, .ipsMenu_item[data-selected] a, .ipsMenu_item[data-selected] span, .ipsMenu_item.ipsMenu_hover {
	background: #000;
}

however it might still depend on your theme, if above css code doesn't work then you must use browser inspector to check the classes 

it worked! thank you