Background Element to Template

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
Sat Dec 06, 2014 4:57 pm
Reply with quote
Report this post
Hi,

I would like to incorporate a background element to our template, either a logo or another element such as a character (mascot) close to the upper-right module that contains phone numbers.

This element has to be in the background, and a 50% blend would be used.

The background seems to be a repetitive style pattern / color repeated.

Here's the idea in attachment.

Best Regards.
User avatar
Platinum Boarder

GK User
Mon Dec 08, 2014 7:37 am
Reply with quote
Report this post
This should be no problem. If you would like to contact me with your ftp and admin and a copy of the image I can help you out
User avatar
Gold Boarder

GK User
Mon Dec 08, 2014 7:53 am
Reply with quote
Report this post
Thank you. You've got mail!

PS.: Sorry unfortunately my source file is a jpg. you will have to remove the background or match the color with the template background color.

EDIT: Sorry it was the wrong file in the previous post...

Regards
User avatar
Platinum Boarder

GK User
Mon Dec 08, 2014 7:55 am
Reply with quote
Report this post
EDIT: Sorry it was the wrong file in the previous post...
User avatar
Platinum Boarder

teitbite
Wed Dec 10, 2014 10:39 am
Reply with quote
Report this post
Hi

Please tell me the url to where this "upper-right module that contains phone numbers" can be found.
User avatar
Moderator

GK User
Wed Dec 10, 2014 10:45 am
Reply with quote
Report this post
I had help from a volunter and it got solve. Thank you though Teitbite.

You can have a look:
http://www.quebecguitare.ca/profs

If you have comments they are welcomed as always.
Regards
User avatar
Platinum Boarder

teitbite
Thu Dec 11, 2014 12:56 pm
Reply with quote
Report this post
Hi

No comments, just will paste the solution here for anyone else having same question:

Code: Select all
#gkBg {
    background: url("../images/guitar-girl.png") no-repeat scroll 100% 75px rgba(0, 0, 0, 0);
}
User avatar
Moderator

GK User
Mon Dec 15, 2014 10:14 am
Reply with quote
Report this post
I gotta problem with Mozilla Firefox for that background. It doesn't show up at all. Do you have any idea?

Here is the complete code I've used:

Code: Select all
/* For Guitar-Girl Background */

@media (max-width : 1024px) {
#gkBg {
    background: none no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
}
@media (min-width : 1224px) {
#gkBg {
    background: url("../images/guitar-girl.png") no-repeat scroll 100% 75px rgba(0, 0, 0, 0);
}
}


Link to background:
http://www.quebecguitare.ca/suivi

Regards
User avatar
Platinum Boarder

teitbite
Mon Dec 15, 2014 6:36 pm
Reply with quote
Report this post
Hi

Please clear browser's cache. Everything looks ok on my computer.
User avatar
Moderator


cron