You must be logged in to post


Register? | Lost Your Password?

Search Forums:


 






Wildcard Usage:
*    matches any number of characters
%    matches exactly one character

How to make a background image:

UserPost

9:56 am
August 6, 2010


rmercat

Member

posts 7

1

I'm trying to figure out have to have a certain image (say, dots or whatever) as my background instead of a solid color. I followed different tutorials online, but it doesn't work with Market.

I have the image downloaded…but have not gotten anywhere. Thanks!

12:42 pm
August 6, 2010


Market Admin

Admin

posts 4756

2

You'll have to first either designate "no custom stylesheet" in the Market Theme settings area, or choose a custom stylesheet you want to work with.

no custom stylesheet option:   Edit the "style.css" file located in the main Market Theme folder.

using a custome stylesheet:  Edit the "mkt_style.css" file located in the "custom-styles/xxxxxxxx/" folder of the Market Theme files.  (where "xxxxxxx" is the name of the custom stylesheet you've selected)

Add this element to the "body" style:

background-image: url(backgroundimage.jpg)

and save the file.

3:56 pm
August 6, 2010


rmercat

Member

posts 7

3

I did that…saved files under my folder, etc. Not working. Is there something wrong with this code?

Description: Market Theme custom styleVersion: 1.0Author: MarketTheme.com*/

body {	background-image: url(/linenbackground.jpg);	background-repeat: repeat-x;	background-color: ;

}

/* Link Color */a {color:#797979;}

/* #wrap {border: 1px solid #000000;}

10:17 am
August 9, 2010


Market Admin

Admin

posts 4756

4

You may not need the slash "/" in your image reference. 

Provide a link to your site and I'll take a look at the code.

6:51 pm
August 9, 2010


rmercat

Member

posts 7

5

http://www.heavenstobetty.com

Thank you. I feel like I've read and re-read instructions…yet I just can't figure out what is missing!

8:37 pm
August 9, 2010


rmercat

Member

posts 7

6

Okay, so following your lead, I went through the code. After searching I saw that the style CSS was not matching what I had coded on my theme. Hmm.

11:23 am
August 10, 2010


Market Admin

Admin

posts 4756

7

It's working on my end.

7:41 am
August 19, 2010


GuChet

Atlanta, GA

Member

posts 3

8

Hello,

I tried changing the background in "style.css but it's not working for me. Can you give a more detailed explanation on how to do this for a non custom stylesheet?

So far, I've downloaded the picture/background to my computer and when I try to insert the name of the picture in style.css-it does nothing.

Please help….

12:35 pm
August 19, 2010


Market Admin

Admin

posts 4756

9

Ok, if it's not for a custom stylesheet, then you'll make the change to your Market theme "style.css" file.  This can be done locally, or through the Appearance editor menu area.

Near the top, in the "Body" section, you'll add a line like this:

background-image: url(imgs/backgroundimage.gif)

and then save the file.

You'll then need to upload your changes, and also upload your "backgroundimage.gif" file to the Market theme "imgs/" folder.

1:48 pm
September 3, 2011


SLDdesign

Member

posts 38

10

Hello,

I'm using the latest update of the Market theme

http://kevinrobinsonartist.co.uk

Custom Syle: Surfnturf

Loaded image to custom-styles—–surfnturf

Added this code to mkt_style.css within the surfnturf folder

body {
    background-color: #366C98;
    
    background-image: url(bg2.jpg);
    
    background-repeat: repeat;
}

When I remove the background-color the background goes blank but the new bg2.jpg does not show up.

Can you help?

Thank you!

9:49 pm
September 9, 2011


Market Admin

Admin

posts 4756

11

Try putting the file name in quotes like this: url("bg2.jpg");



 

Market takes e-commerce to the next level with an easy to use, quick setup platform. Learn more or take the tour.