- Posts: 8
- Thank you received: 0
background image not showing
-
eabacus
Inactive member - Topic Author
- New Member
Less
More
13 years 7 months ago - 13 years 7 months ago #8361
by eabacus
background image not showing was created by eabacus
Hi!
I have a problem with recently purchased Boutique template - background image (the .png with words & graphic) is not showing, no matter what style I chose.
It's there in the folder, but it doesn't show.
Also, is there a way to change the file type to .jpg so it can be shown as a background, and if yes, where should I make that change.
And how/where do I change the color of the background that is currently white (between the blue top background and footer)
Thanks in advance
P.S (link to the site is sent via report to moderator button)
I have a problem with recently purchased Boutique template - background image (the .png with words & graphic) is not showing, no matter what style I chose.
It's there in the folder, but it doesn't show.
Also, is there a way to change the file type to .jpg so it can be shown as a background, and if yes, where should I make that change.
And how/where do I change the color of the background that is currently white (between the blue top background and footer)
Thanks in advance
P.S (link to the site is sent via report to moderator button)
Last edit: 13 years 7 months ago by eabacus.
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
13 years 7 months ago - 13 years 7 months ago #8363
by ivan.milic
Replied by ivan.milic on topic Re: background image not showing
Hi,
it layout.css
this makes problems:
.big_header_bg {
background: #3CADD3 !important;
}
you have important tag , so your background definition is not taken at all.
Remove that.
it layout.css
this makes problems:
.big_header_bg {
background: #3CADD3 !important;
}
you have important tag , so your background definition is not taken at all.
Remove that.
Last edit: 13 years 7 months ago by ivan.milic.
The following user(s) said Thank You: eabacus
Please Log in to join the conversation.
-
eabacus
Inactive member - Topic Author
- New Member
Less
More
- Posts: 8
- Thank you received: 0
13 years 7 months ago #8366
by eabacus
Replied by eabacus on topic Re: background image not showing
Thanks, that was helpful and did the job
I (think) also found where I should put the color tag to change the white background between the background pic and footer, but there is a problem when I do that.
In /templates/hot_boutique/index.php
when I add the background color #6ec3ee after the word "bottom" in this line:
<div class="big_header_bg">
<div style="background:url(<?php echo $this->baseurl ?>/templates/hot_boutique/images/girl_bg.png) no repeat center bottom">
then the background changes, but the bg image disappears.
How can I keep the background image with waves + change the white background below it to #6ec3ee ?
Thanks in advance for your help
I (think) also found where I should put the color tag to change the white background between the background pic and footer, but there is a problem when I do that.
In /templates/hot_boutique/index.php
when I add the background color #6ec3ee after the word "bottom" in this line:
<div class="big_header_bg">
<div style="background:url(<?php echo $this->baseurl ?>/templates/hot_boutique/images/girl_bg.png) no repeat center bottom">
then the background changes, but the bg image disappears.
How can I keep the background image with waves + change the white background below it to #6ec3ee ?
Thanks in advance for your help
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
13 years 7 months ago #8374
by ivan.milic
Replied by ivan.milic on topic Re: background image not showing
Wherever you have background:... put both definition for color and image:
background:#6ec3ee url(...
background:#6ec3ee url(...
Please Log in to join the conversation.
-
eabacus
Inactive member - Topic Author
- New Member
Less
More
- Posts: 8
- Thank you received: 0
13 years 6 months ago #8487
by eabacus
I've tried this and all other variations (also I changed background color in all files where it could be changed (index.html and others), still no results.
It either shows the background picture with white bottom or just #6ec3ee background without the background picture.
I need both the background picture + #6ec3ee background on the bottom.
Thanks in advance
Replied by eabacus on topic Re: background image not showing
ivan.milic wrote: Wherever you have background:... put both definition for color and image:
background:#6ec3ee url(...
I've tried this and all other variations (also I changed background color in all files where it could be changed (index.html and others), still no results.
It either shows the background picture with white bottom or just #6ec3ee background without the background picture.
I need both the background picture + #6ec3ee background on the bottom.
Thanks in advance
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
13 years 6 months ago #8494
by ivan.milic
Replied by ivan.milic on topic Re: background image not showing
Ok,
that should work , but you can also do this:
background-image:url(...
background-color:#...
So instead using background property try to use background-image and background-color properties.
that should work , but you can also do this:
background-image:url(...
background-color:#...
So instead using background property try to use background-image and background-color properties.
Please Log in to join the conversation.
Time to create page: 0.165 seconds