EZ-Pages CSS Content settings

[quantum]

Hello,

Can anyone please tell me which style in the CSS controls the text in the EZ-Pages content pages? It displays differently to the standard zen pages.

I have been searching through and playing around with it but can't find which styles control it.

Thanks in advance...

[kobra]

Can anyone please tell me which style in the CSS controls the text in the EZ-Pages content pages? It displays differently to the standard zen pages.

What are you using as an editor?? Ezpages???? is everywhere in the stylesheet.css file.

Many are combined with others i.e.: #navBreadCrumb, #navEZPagesTop and many others but you can spearate any of these and make it an entry on its' own if you need to.

[quantum]

Hello Kobra, thanks for your reply.

I am using zencart admin section to create the content for it. I know EZPages is everywhere through the stylesheet, but everywhere I added the style (even on the combined ones) for text-align it did not change the css style on the live version.

[kobra]

Get FireFox and the web dev tools and you can edit the css live and see exactly what the changes do in a wysiwyg fashion.

[Gerard]

Hi Quantum,
When I added data to my ezpages, what i did was create a set of new CSS conditions which only effected EZpages. I added those to the bottom of my stylesheet.
IE

.style2 {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
font-weight: bold;
}
.style5 {
color: #FF6600;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
}
.style3 {
color: #009933;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
font-weight: bold;
}
.style6 {
color: #FF6600;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
}
.style7 {
color: #009933;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
}
.style8 {
color: #FF0000;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
}
.style4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #333333;
text-align: left;
font-weight: normal;
letter-spacing: 3px;
}

This made it very easy to play withEZpages
Gerard

[quantum]

Hey Gerard,

Thanks for that!

Where will I find the ez-pages content page in the directory sturcture to link to the new styes? I managed to locate the tpl_ezpages_bar_header.php, and ezpages_bar_footer.php, but that was it.

[Gerard]

All I did in the admin section under EZpages was add what I wanted in an HTML format. I used Dreamweaver (or whatever html tool you use) to create my page ( and view it). Then I copy and pasted it into EZpages incorporating the styles that I added into CSS. I didnt have to touch any php pages.
ie

div align="justify">
<br><br>
<span class="style1"> The </span><span class="style2">Advanced Bowen Technique</span><span class="style1"> works
by correcting imbalances of chi energy (as described in the Eastern tradition
of healing) and gentle muscular and soft tissue releases. The gentle yet
powerful Bowen moves

Check out my web page http://www.terralee.com and go to IMPORTANT LINKS to see it in action. Hope this helps.

Gerard

[quantum]

Thanks for that Gerard. Unfortunately I am building it for someone else, and want to have it setup so they can just go in and add the text and everything will format automatically on the site based on the css stylesheets.

[Gerard]

That does pose a problem . Does your client want just one type of font, width, colour etc etc on the page. If so then Kobra's comment

Get FireFox and the web dev tools and you can edit the css live and see exactly what the changes do in a wysiwyg fashion

will help you sort it out. You might have to define some extra parameters for ezpage, but at least your cient can just drop it in .

Gerard

[kobra]

Just a couple of examples for the stylesheet.css:
Take this:

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
	}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0;
	padding: 0.2em 0em;
	}

Make it this:

#cartBoxListWrapper ul  {
	list-style-type: none;
	}

#ezPageBoxList ul {
	list-style-type: none;
        border: ?????;
	}

#cartBoxListWrapper li, .cartBoxTotal {
	margin: 0;
	padding: 0.2em 0em;
	}
#ezPageBoxList li {
	font:  ????
        font-size: ?????
        margin: 0;
	padding: 0.2em 0em;
	}

As stated, there are many settings for ezpages. You only need to separate the ones where the changes that you want to make/add are in conflict with the settings of the other items.
Item additions in red are just for illustration, these can and should be the ones that you will require and can be any that css allows.