1. ziggy
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 22 January 2013
  5.  Subscribe via email
Hi - I have the evolution template and would like to change the following items.

Main Menu: change the background color - I found this code and put it in the custom CSS of the template and it worked...
#hornav ul a, #hornav .separator {background: #365200;}

How would I create a solid blue border for the main menu?.

Search box: change the font-type/color. and give it a blue border.

(I've looked into the template.css but can't seem to find the reference to them)

Sorry for the newbie Q's. My CSS is a bit rusty!

rb
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Robin

1. To add a border to your top menu items try also adding the following to the Custom CSS field of your templates parameters..

[code type=css]#hornav ul a, #hornav .separator, #hornav li:first-child a {border:1px solid #336699;}[/code]
Where #336699 is your border color.

2. The box to your search field is a single image located at ../templates/j51_evolution/images/searchBox.png (http://demo.joomla51.com/0090/templates/j51_evolution/images/searchBox.png) which you can edit to your own taste.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

I replaced the searchBox image with my own, but I need to change the color of the word 'Search'. Is there some custom CSS to do this?

thx in advance.

robin
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Robin

Try adding the following to the Custom CSS field of your templates parameters..

[code type=css]#search .inputbox {color: #000000;}[/code]
Where #000000 is your new search field text color (edit to taste).

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!