A A A

Please consider registering
guest

Log In Register

Login form protected by Login LockDown.


Register | Lost password?
Advanced Search:

— Forum Scope —



— Match —



— Forum Options —




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

Minimum search word length is 4 characters - maximum search word length is 84 characters

Topic RSS
How to Change the Background color
February 23, 2009
8:59 pm
Admin
Forum Posts: 5051
Member Since:
March 16, 2008
Offline

Here's a quick tutorial on how to change the background color of your installation of Market to more match your website's "vibe".

First, open up the stylesheet file "style.css" in your theme design editor.  Near the top, you'll see the BODY attributes.

Somewhere within the braces, you'll want to enter the following:

background: silver;

For novice users, replace "silver" with any named color (named colors include: aqua, black, blue, fuschia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow)

Mke sure you don't forget the semi-colon at the end.

Save the file and refresh your website page to see the changes.

For more advanced users who know the hexidecimal code of the color you desire, you can enter the hex code with pound sign (#) instead.  Similar to:

background: #C9D6C9;

You also have the ability to set a background image as well if you desire.  You can read up on how to format it here on this page:

http://www.w3.org/TR/CSS21/colors.html

March 2, 2011
3:50 pm
Member
Forum Posts: 14
Member Since:
November 25, 2009
Offline

I'm using the custom styleshhet "Sugar & Spice" but would like to change the background color. The above directions do not seem to apply to the custom stylesheets…I think.

Please let me know…thanks

March 3, 2011
11:26 am
Admin
Forum Posts: 5051
Member Since:
March 16, 2008
Offline

For changing the background, there are 2 things to work with. 

If you go into your "custom-styles" folder, you'll see all the custom stylesheets available.  Find the one that you're using ("sugarandspice" in this case), and inside that folder you'll need to edit two things.

 

(sometimes it's only 1 thing you need to edit, but this particular style has a compound background.  (2 parts)

 

The two things you'll edit are:

 

1.  The header background image named "header_bg.jpg".  You'll use a graphics program to edit this image file, and then re-upload.

2.  The background color value listed in the "body" element.  (By default it's on line #14.)  Just change the HEX number code to whatever you want, and save.

May 10, 2011
11:44 am
Member
Forum Posts: 3
Member Since:
May 6, 2011
Offline

I did this:
For novice users, replace "silver" with any named color (named colors
include: aqua, black, blue, fuschia, gray, green, lime, maroon, navy,
olive, purple, red, silver, teal, white, yellow)

Mke sure you don't forget the semi-colon at the end.

Save the file and refresh your website page to see the changes.

 

and changed my color to lime;… however it didn't work. I also cannot figure out how to simply add the banner across the top where it currently says YOUR LOGO…

 

i'm not a programmer and thought this would be as simple as a regular word press file, but it operates completely differently and Im not able to do the simple things such as listed above. Please help.

May 11, 2011
1:52 am
Admin
Forum Posts: 5051
Member Since:
March 16, 2008
Offline

Under the Market Theme menu area, click on "Settings". On that page you'll find a place to upload a logo.

That section also has a lot of other options as well you can modify.

Forum Timezone: UTC 0

Most Users Ever Online: 40

Currently Online:
23 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

icy1: 2371

wreed06: 175

laurie390: 168

StitchTek Services, LLC: 144

boutiqueelliette: 130

yiorgos: 127

Member Stats:

Guest Posters: 428

Members: 2252

Moderators: 1

Admins: 1

Forum Stats:

Groups: 1

Forums: 4

Topics: 2983

Posts: 16042

Moderators: Market Admin (5051)

Administrators: Market Admin (5051)

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