Hi Chuck

To center your 'quote of the day' try adding the following to the Custom CSS field of your templates parameters..


[code type=css]#dailyquotes div.quote {
text-align: center;
}[/code]

To reduce the height of the logo area try also adding the following..


[code type=css]#container_header {height: 155px;}
#header_items {height: 102px;}
#search {top: 110px;}[/code]

Ciarán

Thankyou So much.

I have one other question. I need to 'dress up' the menu modules I have in the side column postion. Things lie change the Circle arrow icon and the hove fore and back color. Can this be done.

Hi Chuck

Your menu list icon is a single image you can edit to your own taste. You will find it located at ../templates/j51_oxygen/images/bullet1.png from the root of your Joomla installation (http://demo.joomla51.com/0072/templates/j51_oxygen/images/bullet1.png).

A background color can be added to your side column modules by adding the following to the Custom CSS field of your templates parameters..


[code type=css].sidecol_block .module, .sidecol_block .module_menu {
background: #CCCCCC;
}[/code]

Where #CCCCCC is your module background color.

Ciarán

That is almost what I am looking for. What want to change is the text colour and the hover effect to be a different background colour on just that menu item that is being hovered. Hope this makes sense

To edit the hover state try adding the following...


[code type=css].sidecol_block .module li:hover {
background: #CCCCCC;
}[/code]

Where #CCCCCC is your new hover state background color.

Ciarán

Thank you

I tried the following and your part worked but mine did not. I am also trying to change the font color

.sidecol_block .module li:hover {

background: #008000;

color:9400d3;

}

Hi Chuck

Ensure to add the hash sign to your hex colour (#9400d3 rather than 9400d3).

Ciarán

That did not work either. Also the first menu item is not the correct height. The rest are

Hello

Would you have a URL directly to an example of your sidecolumn menu?

Ciarán

Yes

http://selectionscareer.com/dev1/index.php/programs-services

As you can see the background change worked but the foreground (text) did not

Hi Chuck

Try changing your CSS to the following...

[code type=css].sidecol_block .module li:hover {
background: #008000;
color:#9400d3 !important;
}[/code]

No Change

If you wish you can forward temporary administration access to your Joomla installation to info@joomla51.com and we will make the amendments for you.

Ciarán

Thank you Chuck

Your menu items should now be appearing as you wish. You may have to edit the hover link color (currently set to #FFFFFF).

Ciarán