Results 41 to 44 of 44

Threaded View

  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:	2243 
Size:	37.5 KB 
ID:	1909   Click image for larger version. 

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

 

 

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

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