Results 1 to 6 of 6
  1. #1
    Join Date
    Mar 2010
    Location
    Blaine, MN
    Posts
    21
    Plugin Contributions
    0

    Default Centering text on only some pages

    I figured out how to align text in the stylesheet, but it affects everything. How can I add code or edit stylesheet to change text aligment only in certain boxes/pages.
    Keep in mind, I'm new at this so be gentle

    http://natureselementsonline.com/store

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

    Default Re: Centering text on only some pages

    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. A very handy tool.

    The sideboxes, for example, have their own id's, so you would find, say, #information in the stylesheet (or add it if it doesn't exist). To change the header of that box would be #informationHeading, the content area would be #informationContent, etc.

    CSS is case-sensitive.

  3. #3
    Join Date
    Mar 2010
    Location
    Blaine, MN
    Posts
    21
    Plugin Contributions
    0

    Default Re: Centering text on only some pages

    When I updated FF to the newest version, the Web Developer plugin says its no longer compatible! I've been using Firebug anyway, but it doesn't seem to show me what I need. Maybe I'll have to add to the stylesheet like you say.
    Thanks

  4. #4
    Join Date
    Mar 2010
    Location
    Blaine, MN
    Posts
    21
    Plugin Contributions
    0

    Default Re: Centering text on only some pages

    I'm lost. Lets say I wanted to align all the content on the Contact Us main page to the left, but keep the header and sideboxes aligned center. Where do I add this in the css?

  5. #5
    Join Date
    Mar 2010
    Location
    Blaine, MN
    Posts
    21
    Plugin Contributions
    0

    Default Re: Centering text on only some pages

    I figured it out, for the most part. The only page I wanted centered was the main page anyway. I just put it in the html for the main page. I figured out the css for the sideboxes.

  6. #6
    Join Date
    Jul 2006
    Posts
    33
    Plugin Contributions
    0

    Default Re: Centering text on only some pages

    blabay -
    Can you expand on your findings? I am looking to center align my main page h1 only but I'm not sure where to do this. And what was the css code that you entered. Thanks... I'm ignorant about these things.

    Elijah

 

 

Similar Threads

  1. Making pages accessible only to some users?
    By NWFAP in forum Basic Configuration
    Replies: 1
    Last Post: 9 Dec 2011, 12:18 PM
  2. Can I make some products ship-only, some pickup-only, some both?
    By TheToe in forum Setting Up Categories, Products, Attributes
    Replies: 1
    Last Post: 7 Nov 2006, 12:33 AM
  3. Text 'missing' in some pages
    By ryangsoton in forum Templates, Stylesheets, Page Layout
    Replies: 10
    Last Post: 14 Jul 2006, 05:52 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