Loading...
 
Themes

Themes


How to change background of login box

Hi,

I added a header background image to my tiki (arkbaseball.com) by changing thenews.css file but I can't seem to figure out how to change the background color of the login box (set on "popup") in the upper right hand corner. I tried just changing the background color under .siteloginbar in the css to transparent, but with no results. Any ideas?

Thanks,
Caleb

United States

You need to modify the li.tabcontent element that is inside ul.siteloginbar_poppedup. Something like this should work:

Copy to clipboard
ul.siteloginbar_poppedup li.tabcontent { background:#FBFF01 }

 

You might find my primer on how to find "which CSS styles to edit" helpful.

 

HTH,

- Rick  |  My Tiki Blog |  My Tiki UserPage

Tiki for Dummies Smarties, the best (and only) Tiki beginner's guide! Learn more...
Tiki Essentials, the best-selling book for Tiki! Learn more... 

Need more help? Try Tiki for Dummies Smarties: A beginner's guide and Tiki Essentials: What all Smarties need to know about Tiki Wiki CMS Groupware.

Rick,

Thanks for the reply. I tried what you suggested, but it appears that it only changed the color of the popup menu, not the content around the Log in link menu box (which I'm trying to make transparent).

I tried changing the ".cssmenu_horiz li "background to transparent, but off course,  that changed all the menus to transparent in the process. Thus, I tried just changing the ".siteloginbar_popup .cssmenu_horiz ul" backround color, which worked as long as the ".cssmenu_horiz li" was set on transparent, but when I set ".cssmenu_horiz li" back to default, it seems to overide the background color set under ".siteloginbar_popup .cssmenu_horiz ul li." Is there a way to keep it from overiding?

 

Thanks again.


Japan

Hi,

How about trying this:

.siteloginbar_popup > .cssmenu_horiz, .siteloginbar_popup > .cssmenu_horiz > li {background: transparent;}

-- Gary


 


Gary, that worked! Thanks for the code!

-Caleb


Upcoming Events

1)  18 Apr 2024 14:00 GMT-0000
Tiki Roundtable Meeting
2)  16 May 2024 14:00 GMT-0000
Tiki Roundtable Meeting
3)  20 Jun 2024 14:00 GMT-0000
Tiki Roundtable Meeting
4)  18 Jul 2024 14:00 GMT-0000
Tiki Roundtable Meeting
5)  15 Aug 2024 14:00 GMT-0000
Tiki Roundtable Meeting
6)  19 Sep 2024 14:00 GMT-0000
Tiki Roundtable Meeting
7) 
Tiki birthday
8)  17 Oct 2024 14:00 GMT-0000
Tiki Roundtable Meeting
9)  21 Nov 2024 14:00 GMT-0000
Tiki Roundtable Meeting
10)  19 Dec 2024 14:00 GMT-0000
Tiki Roundtable Meeting