Left side menu and module CSS locations

I am playing with the Pixel Love template to match as best I can my old custom template and I am new to Gavick templates and I am not a webpage developer, so I apologize for my stupid questions ahead of time.

1. ) I have placed a menu in the left_left spot and would like to edit the appearance of the menu or create one for just this spot as it conflicts with colors in the top (main menu for Gavick) spot, so having control over the two locations as far as text color and hover color.... where should I edit/modify?

2. ) I want to add a background image in the left_top position, where do I edit this?

3. ) I want to add a background image in the left_bottom position, where do I edit this?

I am just not seeing these locations necessary cut and dry in the CSS files and would love someone to point me in the right directions. I have a good sized Joomla site (several actually) and the grandaddy of them all is still on Joomla 1.0 and is broken in some aspects due to new PHP etc. on my server, so I have migrated content and I am working on a couple solutions for getting a theme to look like my old site and forums. I am setting them up in/migrateing to Joomla 2.5 and thought it would be nice to have it all based on fresh new code, so I am trying to tweak Pixel Love which with the color changes, etc. that I am trying to do, should work out well I hope.

Thanks in advance.

Russell

All custom changes you should make in file override.css in root/templates/gk_pixellove/css directory. Please give me your site URL I'll try to give you some directions what code you should add.

Thank you for the response. Here is my Joomla 1.0 site and I plan to put the top graphic and bottom graphic in the orange left hand area into the left_top and left_bottom boxes of the Gavick Pixellove template if possible.

Original site:
http://www.3dallusions.com

Gavick Beta Site I am trying to get to an acceptable resemblance:
http://www.3dallusions.com/gavik/jupgrade/

I have just thrown in the images I want to assign to the positions using special html module to hopefully make it clear about what I want to do. Of course I would want the images to fill up the space and not have the margin/padding that the module CSS is creating.

Thanks again for your help.

I have the images figured out, just need to create custom menu and module header and text colors for left side orange area.

For the orange menu please use this code :

Code: Select all

.box.menu li {border: none !Important}
.box.menu li > a, .box.menu li > span {color: #fff  !important}
ul.menu {border-right: 1px solid orange}



Thanks, does this go into the overide.css or the light.css for example, Just not 100% certain how to make it affect only the left orange area. I will play around with it, thank you.

I have the menu in the orange area working well, I would just like to have custom H3 tags and link text colors.. in the orange area. Should I create CSS with new names in the overide.css file and assign them to the modules?

Thanks for your help!

I also notice that the admin portion of the template shows the language_code and not the text in listing options etc.. Obviously this is because I have named my template version 3da_pixellove so that I can have gk_pixellove installed and go back and forth between them. Is there code I can change to make it work right?



Sorry for all the questions.

Russell

Please update language file in root/languages/en-GB/. File you will find in template package in /languages subdirectory.

Thanks!