background under the main menu

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Thu May 16, 2013 2:41 pm
Reply with quote
Report this post
Hello everyone, I'm working on the template Startup and wanted to know how to insert a background in all the main menu at the top right.

I tried to put it by changing the menu.css but repeats the background under each button.

How can I prevent the background is repeated under each button?

my idea is' this:

http://www.neographic.it/soluzioni/templates/gk_startup/css/menu/prova.jpg
User avatar
Expert Boarder

GK User
Thu May 16, 2013 2:50 pm
Reply with quote
Report this post
Please provide us an url to your site.
User avatar
Moderator

GK User
Thu May 16, 2013 3:01 pm
Reply with quote
Report this post
Hi Cyberek ... yes...

www.neographic.it/soluzioni

Cyberek wrote:Please provide us an url to your site.
User avatar
Expert Boarder

GK User
Thu May 16, 2013 3:25 pm
Reply with quote
Report this post
Put the background on the:
#gkExtraMenu
element instead on each a.
User avatar
Moderator

GK User
Thu May 16, 2013 3:28 pm
Reply with quote
Report this post
Code: Select all
#gkExtraMenu { background: url('http://www.neographic.it/soluzioni/templates/gk_startup/css/menu/s_menu.jpg')}


You need only to adjust the background width, or add some right padding:
Code: Select all
#gkExtraMenu { background: url('http://www.neographic.it/soluzioni/templates/gk_startup/css/menu/s_menu.jpg'); padding: 0 0 0 40px;}
User avatar
Moderator

GK User
Thu May 16, 2013 3:35 pm
Reply with quote
Report this post
This on the menu.css file?

Cyberek wrote:
Code: Select all
#gkExtraMenu { background: url('http://www.neographic.it/soluzioni/templates/gk_startup/css/menu/s_menu.jpg')}


You need only to adjust the background width, or add some right padding:
Code: Select all
#gkExtraMenu { background: url('http://www.neographic.it/soluzioni/templates/gk_startup/css/menu/s_menu.jpg'); padding: 0 0 0 40px;}
User avatar
Expert Boarder

GK User
Thu May 16, 2013 3:49 pm
Reply with quote
Report this post
Better is to enable override.css in template settings and then add the classes to override.css, than directly editing template files.
User avatar
Moderator

GK User
Thu May 16, 2013 4:00 pm
Reply with quote
Report this post
hello Cyberek, then I opened the file override.css (enabled by the template) I copied directly what I had recommended

# gkExtraMenu {background: url ('http://www.neographic.it/soluzioni/templates/gk_startup/css/menu/s_menu.jpg'); padding: 0 0 0 40px;}

In the file menu.css and 'remained as created by gavick.

The problem 'that there have been changes .. the red stripe JPG not 'present under the menu: (

Where did I go wrong?

Cyberek wrote:Better is to enable override.css in template settings and then add the classes to override.css, than directly editing template files.
User avatar
Expert Boarder

GK User
Fri May 17, 2013 11:45 am
Reply with quote
Report this post
As far as I can see the background is fully visible right now.
User avatar
Moderator


cron