Page 1 of 2 12 LastLast
Results 1 to 10 of 11
  1. #1
    Join Date
    May 2010
    Posts
    43
    Plugin Contributions
    0

    Default Centering titles not text

    I have already centered my breadcrumbs title photos etc on my website. I also centered the categories title. Unfortunately, that then centers the text forms etc below that. While I am living with it now I would love to fix it and have the main text align left.

    Check out what I'm Talking about; http://www.genxcoffee.com/index.php?...e=shippinginfo

    The Shipping & Returns title below the bread crumbs I would like to remain; the other text left aligned.

    Thanks
    Christopher

  2. #2
    Join Date
    Jun 2005
    Location
    Cumbria, UK
    Posts
    10,266
    Plugin Contributions
    3

    Default Re: Centering titles not text

    if you use Firefox Browser with the Firebug plugin, you will be able to do offline analysis of your page - including revealing and editing of styles.

    When I use firebug on your page, I see:

    .sideBoxContent {
    background-color: #000000;
    border: 1px solid #669966;
    text-align: center;
    }

    You are centering the CONTENT.

    You need to apply center to the HEADINGS
    20 years a Zencart User

  3. #3
    Join Date
    May 2010
    Posts
    43
    Plugin Contributions
    0

    Default Re: Centering titles not text

    The sidebox I want centered

    It's the main area that I am talking about.

    Thanks for the firefox plugin but really it just shows the whole CSS style sheet and I already have that.

    Thank You:
    Christopher

  4. #4
    Join Date
    May 2010
    Posts
    43
    Plugin Contributions
    0

    Default Re: Centering titles not text

    got everything to center. Had to goto admin configure define pages and realign left. It was before don't know why but it worked.

    That works for everything except newsletter unsubscribe.

    Anyone now how to center the newsletter unsubscribe text but leave the title centered.

    http://www.genxcoffee.com/index.php?...ge=unsubscribe

    Thank You

  5. #5
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,688
    Plugin Contributions
    11

    Default Re: Centering titles not text

    Using FireBug I see that you have entered the title as an h1, closed the h1, entered a <br> (Which should be <br />) and the entered unspecified text (no p tag, etc.).
    Change the first <br> to <p> and add a </p> at the end of the text. Then add you can add #unsubDefault p {text-align: #######;} to the css.

    P L E A S E give firebug a better run. Couldn't live without it.
    A little help with colors.
    myZenCartHost.com - Zen Cart Certified, PCI Compatible Hosting by JEANDRET
    Free SSL & Domain with semi-annual and longer hosting. Updating 1.5.2 and Up.

  6. #6
    Join Date
    May 2010
    Posts
    43
    Plugin Contributions
    0

    Default Re: Centering titles not text

    Sorry could not get it to work.

    Where in the CSS sheet should it go. I put it below the
    .centerColumn since it seems to control both text and header but to no avail

    Also I made the <br/> to <p> changes to the language file for unsubscribe.php is that correct?

    Could not find how to access the other <br> to change

    Thank You
    Christopher

  7. #7
    Join Date
    May 2010
    Posts
    43
    Plugin Contributions
    0

    Default Re: Centering titles not text

    Well I guess a better question to ask now that I know better of what I want is how can I break the CSS code for .centerColumn

    Right now it affects both the header and text box

    How can I break the header and text box into two separate CSS codes

    Thank You
    Christopher

  8. #8
    Join Date
    May 2010
    Posts
    43
    Plugin Contributions
    0

    Default Re: Centering titles not text

    Okay got it.

    Thanks for all your help.

    I am also looking for info on how to change the payment method from text to CC logo. It's in another thread if you can help.

    Thank You

  9. #9
    Join Date
    Jun 2005
    Location
    Cumbria, UK
    Posts
    10,266
    Plugin Contributions
    3

    Default Re: Centering titles not text

    Quote Originally Posted by genxnomad View Post
    Well I guess a better question to ask now that I know better of what I want is how can I break the CSS code for .centerColumn

    Right now it affects both the header and text box

    How can I break the header and text box into two separate CSS codes

    Thank You
    Christopher
    Unfortunately, this is not a forum for training people in how to use CSS - and this is currently the basis of your problem.

    You need to get familiar with the protocols of CSS (nesting, chronology, sequence, priority).

    You need also, to understand that you may have to SPLIT UP certain nested declarations in order to REMOVE behaviour for a given element, so that you can apply a unique declaration to that element.

    Furthermore, there are quite a few style classes and ID's that remain undefined in zencart. if and when you need these you edit the CSS accordingly.

    Firebug is essential - so when you say:
    Thanks for the firefox plugin but really it just shows the whole CSS style sheet and I already have that.
    ... you are indicating again that you are not focusing on HOW to use the tool. You need to LEARN how to do this, so spend some time using firebug and follow any tutorials on mozilla. With firebug you can apply offline EDITS... and this shows you in REALTIME what the effect of your edit will be on the displayed page. when you are happy with the offline edits you have been making in firebug, you translate those to the stylesheet on the server.

    You should also go to w3schools.com and do their CSS tutorials (which is what I did 5 years ago).

    You will soon learn how to craft the css and also how to use firebug to do off-line edits to the css.
    20 years a Zencart User

  10. #10
    Join Date
    May 2010
    Posts
    43
    Plugin Contributions
    0

    Default Re: Centering titles not text

    The forum title is:

    Templates, Stylesheets, Page Layout Topics related to changing the appearance of your storefront, customizing templates, adjusting stylesheet components, altering page layouts, using the Overrides system, etc.

    All this pertains to CSS so dispute your ATTITUDE CSS is discussed here.

    I am learning CSS. I come to the forums so that I can find what CSS element to change. It would be helpful if Zencart someplace explained in the wiki or FAQ what the different elements went to.

    While on this forum asking CSS questions I discovered Firebug which is helping me identify which CSS elements affect which part of the page.

    So while help is appreciated your attitude is not.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Centering Footer Text
    By sports guy in forum Templates, Stylesheets, Page Layout
    Replies: 12
    Last Post: 15 Mar 2011, 03:13 AM
  2. vertical centering of text
    By finlander in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 5 Nov 2010, 06:37 PM
  3. Centering Categories and Titles
    By DigitalGuard in forum General Questions
    Replies: 1
    Last Post: 10 Jul 2010, 11:17 AM
  4. Center Logo W/o Centering Text
    By atl2rva in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 18 Mar 2010, 02:57 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