Page 1 of 5 123 ... LastLast
Results 1 to 10 of 44
  1. #1
    Join Date
    May 2007
    Posts
    29
    Plugin Contributions
    0

    Default Some tips to modify stylesheet

    Here is how to find out which CSS class/ID to modify for a specific part of the page:

    1. Download Web Developer extension for FireFox here
    2. Install & restart FireFox. You should see an additional bar right above the tabs.
    3. Select Information > Display Element Information
    4. Move your mouse/hover around the page and you should see the CSS tags for each page element is displayed just below the Web Developer bar. This allows you to see which class or ID control an element and what is the hierarchy. Once you get the ID, you can look for it in the CSS file and make the changes.
    5. If you click on an element, its information is displayed in the yellow box on the left.

    Apologize if this seems trivial, hopefully can be useful for some of you.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	scr1.jpg 
Views:	2198 
Size:	37.5 KB 
ID:	1909   Click image for larger version. 

Name:	scr2.jpg 
Views:	3523 
Size:	46.1 KB 
ID:	1910  
    My showcase/gallery using Zen Cart - Summerdew

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,017
    Plugin Contributions
    25

    Default Re: Some tips to modify stylesheet

    Good explanation. We can get tired of going over that for the bazillionth time, so it's nice to have it clearly written out in one place.

  3. #3
    Join Date
    Sep 2006
    Posts
    66
    Plugin Contributions
    0

    Default Re: Some tips to modify stylesheet

    Definately my favourite FireFox extension and its fantastic for editing Zen Cart.

    Thanks for posting details up for newbies

  4. #4
    Join Date
    Dec 2004
    Location
    The Internet
    Posts
    81
    Plugin Contributions
    0

    Default Re: Some tips to modify stylesheet

    For those who prefer to work with Internet Explorer, there is also a developer toolbar available for download on the MS website here:

    http://www.microsoft.com/downloads/d...displaylang=en

  5. #5
    Join Date
    Nov 2003
    Location
    Haarlem | Netherlands
    Posts
    1,989
    Plugin Contributions
    15

    Default Re: Some tips to modify stylesheet

    For a quick overview of all classes and id's:

    Use the formentioned FF developer tool (made by Chris Pederick) and click on "Information|Display Id & Class Details"

  6. #6
    Join Date
    May 2007
    Posts
    58
    Plugin Contributions
    0

    Default Re: Some tips to modify stylesheet

    Thank you, battra, for posting that. You are my favorite person for the day!

  7. #7
    Join Date
    Oct 2004
    Location
    Southport, UK
    Posts
    4,222
    Plugin Contributions
    20

    Default Re: Some tips to modify stylesheet

    Get the Firebug add-on as well - combined with the Web Developer gives you amazing powers!

    Another handy one is X-ray, although the page can get a bit cluttered with info when you use that.
    Development Manager @ JustSimpleWeb.uk
    Over 15 years with Zencart

  8. #8
    Join Date
    May 2007
    Posts
    58
    Plugin Contributions
    0

    Default Re: Some tips to modify stylesheet

    thanks, Ryk. I will check them out!

  9. #9
    Join Date
    Mar 2007
    Posts
    6
    Plugin Contributions
    0

    Default Re: Some tips to modify stylesheet

    This is sweet. Thanks so much
    "...And there you have it folks!"

  10. #10

    Default Re: Some tips to modify stylesheet



    Yes. We need guys like you to come together more often. That is just to the point!

    I can now put the 15 library books away for the time and use that Firefox plug in and the IE plugin. I am totally new, newer than newbie! But I wish to learn and understand this stuff hopefully with some guidance.

    Again, Kodo's to you guys, I appreciate this post.
    [FONT=Comic Sans MS]Richard[/FONT]

    [FONT=Comic Sans MS]Newer than a Newbie, looking for help always!![/FONT]
    [FONT=Comic Sans MS][/FONT]
    [FONT=Comic Sans MS]www.cosmickodiak.com/[/FONT]

 

 
Page 1 of 5 123 ... LastLast

Similar Threads

  1. v138a Upgrading to 1.5.1 or clean install? Need some tips
    By icecold in forum Upgrading to 1.5.x
    Replies: 2
    Last Post: 1 Feb 2013, 11:55 PM
  2. nothing changes when stylesheet.css modify and saved
    By odanenico in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 16 Jan 2009, 02:52 PM
  3. ?'s what do i modify in the stylesheet to...
    By humbll in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 6 Jun 2007, 08:30 AM

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
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR