Results 1 to 2 of 2
  1. #1
    Join Date
    Nov 2006
    Location
    South England
    Posts
    2
    Plugin Contributions
    0

    Default 2 Breadcrumb Customisation Questions

    I've already searched for answers to these, but although I found plenty of useful things, nobody seems to have addressed this before.

    I want to:
    1. Change the colour of the breadcrumb box. I already altered the #navBreadCrumb entry (below) and it hasn't changed.
    2. Add padding to the left - I want the 'home' to be about 4px away from the edge of the box. I'd add non-breaking spaces in front of the entry if I could figure out where to put it.
    The CSS entry:

    #navBreadCrumb {
    background-color: #f5f5f5;
    padding-top: 2px;
    padding-left: 6px;
    border: 1px solid #ccc;}

    Sorry if these are really obvious, I've been at this since about 8am and I do tend to start missing simple things after a while.

    (The installation is over on a test server: http://avdirect.froztbyte.com/ - I'm in the middle of the second complete redesign - I hated the way I did it the first time round and have switched to 'barebones' to get the little niggly bits sorted before working on the template, so that's why it looks pretty awful!)

    Edit: Forgot to add, you have to go to a different page to see the breadcrumbs because I've disabled them on the front page and replaced them with the welcome message!

  2. #2
    Join Date
    Nov 2006
    Location
    South England
    Posts
    2
    Plugin Contributions
    0

    Default Re: 2 Breadcrumb Customisation Questions

    Alright, so, I did miss something obvious. I was uploading the stylesheet to the wrong directory! Never mind.

    For anyone who stumbles across this and isn't sure how to alter stylesheets, to change the left padding (gap) just change the "6px" in the section below, and to change the colour just alter the background-colour bit.

    HTML Code:
    #navBreadCrumb {
      background-color: #990000;
      padding-top: 2px;
      padding-left: 6px;
      border: 1px solid #CCCCCC;}

 

 

Similar Threads

  1. v151 How To Have Breadcrumb Stay On Breadcrumb?
    By capncrunch0 in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 9 May 2013, 02:55 AM
  2. Customisation
    By peteread in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 28 Jan 2011, 08:40 PM
  3. Customisation of Zencart
    By trnghosh in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 17 Apr 2009, 02:43 AM
  4. Whole lot of customisation questions
    By elhauk in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 4 Dec 2007, 07:51 PM
  5. Breadcrumb/CSS Changes Not Removing Breadcrumb
    By patschraier in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 1 May 2007, 08:49 PM

Posting Permissions

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