Results 1 to 10 of 10
  1. #1
    Join Date
    Dec 2010
    Posts
    257
    Plugin Contributions
    0

    Default PinkyWinky - Background

    Is there a dedicated forum topic for the PinkyWinky template? I looked for one, but couldn't find one.

    How can I turn the background black like the demo? The template looks great...but the background is still white.

  2. #2
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    19,781
    Plugin Contributions
    3

    Default Re: PinkyWinky - Background

    The demo I see has a white background everywhere. What part(s) do you want to be black ?

  3. #3
    Join Date
    Dec 2010
    Posts
    257
    Plugin Contributions
    0

    Default Re: PinkyWinky - Background

    The entire background. I swear I saw a version that had a totally black background, but it must have been a neural misfire. LOL Is it possible to make the entire background black?

  4. #4
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    19,781
    Plugin Contributions
    3

    Default Re: PinkyWinky - Background

    If you mean the parts to either side of the mainWrapper, change the background-color statement in the 'body' rule in the stylesheet.

    If you mean all backgrounds, you'll need to change that in several places.

    Install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

    Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

    Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

    Some prefer Firebug, which does much the same thing.

    (If you're using Firefox 4-12, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)

  5. #5
    Join Date
    Dec 2010
    Posts
    257
    Plugin Contributions
    0

    Default Re: PinkyWinky - Background

    Um...which stylesheet?

    Isn't there any way to open up the php and make the change directly in something simple like Notepad? Sorry, but I'm a php infant, and don't even have Firefox installed. LOL

  6. #6
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    19,781
    Plugin Contributions
    3

    Default Re: PinkyWinky - Background

    stylesheet.css. I edit stylesheet files in Notepad.

    It only takes a couple of minutes to install Firefox and Web developer, and you really want to be able to view your site in all available browsers anyway.

  7. #7
    Join Date
    Dec 2010
    Posts
    257
    Plugin Contributions
    0

    Default Re: PinkyWinky - Background

    I found several different stylesheets, so I changed them all. It worked perfectly. Thank you!!

  8. #8
    Join Date
    Jul 2012
    Posts
    2
    Plugin Contributions
    0

    Default Re: PinkyWinky - Background

    can one of you guys help me, i want to make mine all black but i'm lost. i tried following the step you went thru but was still confused lol. so if you can help me out pleasw

  9. #9
    Join Date
    Dec 2008
    Location
    Utah, USA
    Posts
    178
    Plugin Contributions
    10

    Default Re: PinkyWinky - Background

    Quote Originally Posted by doug4knfpu View Post
    can one of you guys help me, i want to make mine all black but i'm lost. i tried following the step you went thru but was still confused lol. so if you can help me out pleasw
    You can open the file includes/templates/your_template/css/stylesheet.css

    Should be the first line you will see the following code

    Code:
    body {
    	margin: 0;
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 62.5%;
    	color: #000000;
    	background-color: #e5edf5;
    	}
    You will want to change the background-color: #e5edf5; to the color you desire (black being #000000;)

    That is all the space on the outside of the page
    Zen Cart Help and Design

    If you donít build your dream, someone else will hire you to help them build theirs.

  10. #10
    Join Date
    Jul 2012
    Posts
    2
    Plugin Contributions
    0

    Default Re: PinkyWinky - Background

    Thanks for the help Brandon

 

 

Similar Threads

  1. Css background img + background color
    By missanna in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 17 May 2010, 01:12 PM
  2. Change Pinkywinky template bannner
    By mzma01 in forum Addon Templates
    Replies: 1
    Last Post: 1 May 2010, 05:57 PM
  3. How to Change Background Colour to Background image
    By ittybittykitty in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 9 Aug 2008, 04:36 PM
  4. Background Image & Background Color
    By jben in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 30 Mar 2008, 01:11 AM
  5. transparent background in wrappers so BODY background shows through
    By kjharrison in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 3 Sep 2006, 11:37 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •