Add bg image in #gkMenuWrap

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
Wed Mar 13, 2013 3:43 pm
Reply with quote
Report this post
Hi i am trying to add a bg image in #gkMenuWrap but it doesent appear, if i change the color it changes but
when i add background: transparent url('../images/style1/bg.png') no-repeat 0 0;
the image cannot appear , can you please help me? The image is uploaded in /templates/gk_simplicity/images/
Thank you
User avatar
Expert Boarder

Konrad M
Wed Mar 13, 2013 3:47 pm
Reply with quote
Report this post
Hi,
please try this code in override.css:
Code: Select all
#gkMenuWrap {
background:url('../images/bg.png') top left no-repeat;

becasue in your code you set url to /templates/gk_simplicity/images/style1/
User avatar

GK User
Wed Mar 13, 2013 4:16 pm
Reply with quote
Report this post
Thank you for you reply
i did add in the overide.css

/* Here you can include your override CSS styles */


#gkMenuWrap {
background: transparent url('../images/leaves.png') top left no-repeat;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .26);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .26);
box-shadow: 0 0 6px rgba(0, 0, 0, .26);
height: 70px;
left: 0;
position: fixed;
-webkit-transition: top .2s ease-out;
-moz-transition: top .2s ease-out;
-ms-transition: top .2s ease-out;
-o-transition: top .2s ease-out;
transition: top .2s ease-out;
top: -100px;
width: 100%;
z-index: 1001;
}

but nothing changes, in the source code of the site the
transparent url('../images/leaves.png') top left no-repeat;
does not appear
User avatar
Expert Boarder

Konrad M
Wed Mar 13, 2013 4:18 pm
Reply with quote
Report this post
Please give me url to your website.
User avatar

GK User
Wed Mar 13, 2013 4:19 pm
Reply with quote
Report this post
User avatar
Expert Boarder

Konrad M
Wed Mar 13, 2013 4:36 pm
Reply with quote
Report this post
You didn't enable override.css option in template settings. So css file isn't loaded. You can do this in 'Advanced Settings' section.
User avatar

GK User
Wed Mar 13, 2013 4:40 pm
Reply with quote
Report this post
ok it works, thank you very much
User avatar
Expert Boarder

GK User
Sun Mar 17, 2013 12:55 pm
Reply with quote
Report this post
Hi!!
I don't see the image at the menu.
I have enabled the override.cc

I wrote:
#gkMenuWrap {
background:url('../images/culleramenu.png') top left no-repeat;


URL: http://s365430443.mialojamiento.es/guiakemen

THANKS
User avatar
Gold Boarder

Konrad M
Mon Mar 18, 2013 10:39 am
Reply with quote
Report this post
I don't see any rule in this file. Did you add '}' at the end of code? Becasue in your sample I don't see it. Should be:
Code: Select all
#gkMenuWrap {
background:url('../images/culleramenu.png') top left no-repeat;
}
User avatar


cron