height and color of menu items

This public forum is for user-to-user discussions of PHPMaker. Note that this is not support forum.
Post Reply
elazarus3
User
Posts: 90

height and color of menu items

Post by elazarus3 »

With the new AdminLTE, which fields would I adjust in the HTML/Themes for:

For Vertical menu, adjust height of menu items for the left menu.

Adjust the background color and text color of the left menu.

Thx.


arbei
User
Posts: 9292

Post by arbei »

Right-click on the menu item and check for the class name of the menu, then add your style to [HTML] -> [Styles] -> [User].


elazarus3
User
Posts: 90

Post by elazarus3 »

Thanks - I'm not great with CSS - can anybody help out a bit more? So, I want to manually adjust the color of the bar on top, and the colors on the left nav sidebar.

So, if I right-click on bar on top, it is this element:
<nav class="navbar navbar-static-top" role="navigation">

I'd like to change the color of this.

Also, the vertical menu, if I right click, it is this element:
<div class="ewVertical" id="ewMenu">
<ul class="sidebar-menu tree" data-widget="tree" data-follow-link="true" data-accordion="true">

	<li id="71" name="mi_patient_list" class=" active current">

I'd like to change the background color.

Please help me with the CSS and where to put it.

Thanks!


elazarus3
User
Posts: 90

Post by elazarus3 »

Sorry - I tried adding this to user styles, but no effect:

.main-sidebar { background-color: #F0F0F0 !important }
.navbar navbar-static-top { background-color: #F0F0F0 !important }


mobhar
User
Posts: 11660

Post by mobhar »

elazarus3 wrote:
I tried adding this to user styles, but no effect:

It should work. Make sure you have already hard-refresh/reload from your browser.


elazarus3
User
Posts: 90

Post by elazarus3 »

Thank you - you are correct. I had a type and cleared the cache and works fine. For any interested here is my final css added to user styles

/BEGIN_USER_STYLES/
.main-sidebar { background-color: #F0F0F0 !important }
.navbar.navbar-static-top { background-color: #CCCCFF !important }
.logo { background-color: #CCCCFF !important }
/END_USER_STYLES/


Post Reply