Forums / Templates, Stylesheets, Page Layout / Centering titles not text

Centering titles not text

Locked

Views: 1,105

Results 1 to 11 of 11
This thread is locked. New replies are disabled.
21 May 2010, 6:53 PM
#1
genxnomad avatar

genxnomad

New Zenner

Join Date:
May 2010
Posts:
44
Plugin Contributions:
0

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?main_page=shippinginfo

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

Thanks
Christopher

21 May 2010, 7:10 PM
#2
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

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

21 May 2010, 7:38 PM
#3
genxnomad avatar

genxnomad

New Zenner

Join Date:
May 2010
Posts:
44
Plugin Contributions:
0

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

21 May 2010, 10:11 PM
#4
genxnomad avatar

genxnomad

New Zenner

Join Date:
May 2010
Posts:
44
Plugin Contributions:
0

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?main_page=unsubscribe

Thank You

21 May 2010, 11:55 PM
#5
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,853
Plugin Contributions:
18

Re: Centering titles not text

Using FireBug :yes: 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.:flex:

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

22 May 2010, 12:48 AM
#6
genxnomad avatar

genxnomad

New Zenner

Join Date:
May 2010
Posts:
44
Plugin Contributions:
0

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

22 May 2010, 1:03 AM
#7
genxnomad avatar

genxnomad

New Zenner

Join Date:
May 2010
Posts:
44
Plugin Contributions:
0

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

22 May 2010, 1:31 AM
#8
genxnomad avatar

genxnomad

New Zenner

Join Date:
May 2010
Posts:
44
Plugin Contributions:
0

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

22 May 2010, 7:39 AM
#9
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: Centering titles not text

genxnomad:

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

23 May 2010, 1:11 AM
#10
genxnomad avatar

genxnomad

New Zenner

Join Date:
May 2010
Posts:
44
Plugin Contributions:
0

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.

23 May 2010, 8:09 AM
#11
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: Centering titles not text

I am merely pointing out to you that where comprehensive help exists elsewhere on the internet, for functions that are "universal" to website management, that you shoud avail yourself of these resources and spend time learning how to use them.

There is no point "duplicating" information in this forum when it already exists elsewhere.

We pointed you to Firebug, and you installed it, and then a few short hours later you claim it is basically of no use to you. This incorrect assertion is an indication that you have not understood the value and purpose of this tool.

You will find that help tips given on the forum generally assume that people have a certain level of competency in web management. It is not criticism if people don't (yet) have that competency, but it is up to the individual to avail themselves of the wider resources on the www. Five years ago I had absolutely no understanding of MySQL, php or css... but I didn't come to THIS forum to learn it.

My previous point was a frank observation that your current situation is similar to what mine was not that long ago, and that before you can effectively manage your zencart installation, you need to step back and learn the fundamentals. This strategy will enable you to derive far more value from help tips, as you will then have a reasonable degree of understanding the GENERAL principles and techniques of website management - all relevant to zencart, but not exclusive to it.

20 years a Zencart User