Bullet Text not working
 

When I tried to use text bullets on the Static Pages they would not show up. I tired coding them in by hand and by using the built in WYSIWYG web editor. I have installed the amazon red template from http://www.websitecm.com/x-cart-mods/cdseo-pro-x-cart-seo.html.

ie.

i wrote this code:
<strong>Why Shop at BuckeyeFanApparel?</strong></p>
<ul>
<li>
Shop 24-7 securely without having to leave home.</li>
<li>
Great product selection, prices and customer service.</li>
<li>
Easy returns and exchanges.</li>
<li>
Pay no sales tax (if shopping outside of AZ).</li>
<li>
Products usually ship within 24 hours (Monday - Thursday).</li>
</ul>

which displays correctly when viewing in the WYSIWYG web editor. but on the actual page it shows as:
Why Shop at BuckeyeFanApparel?

Shop 24-7 securely without having to leave home.
Great product selection, prices and customer service.
Easy returns and exchanges.
Pay no sales tax (if shopping outside of AZ).
Products usually ship within 24 hours (Monday - Thursday).




Thank you,

Jason

Re: Bullet Text not working
 

A link would be helpful to tell for sure.

Check the CSS maybe the bullet is turned off. Probably need to style it.

Re: Bullet Text not working
 

here is a link: http://www.buckeyefanapparel.com/About-our-site.html

Thank you for looking into this for me.

Re: Bullet Text not working
 

Have you a ul class style at all, as there is no class related to the ul?

Re: Bullet Text not working
 

In /skin1/main.css:

ol, ul {
list-style:none;
}

Need to fix your CSS so that bullets appear.

Re: Bullet Text not working
 

Also in the same file your margin and padding are zero'd for ul/li so even clearing the list-style:none results in a bullet you can't see. You should add something like this to the end of your main.css:

div.content ul {
padding-left: 20px;
list-style: disc;
}

See if that gets you situated, should only fix lists in the content area by doing that.

Re: Bullet Text not working
 

The code you told me to add worked. I now have bullets. Can you please look at it one more time and see if i should change anything else.

Re: Bullet Text not working
 

You now have bullets, wherever it has the ul class...............

I will let the other user continue for ya...............

Re: Bullet Text not working
 

I mean you have bullets where maybe you don't want them as it's not a seperate class just for one set of Bullets

Re: Bullet Text not working
 

Yes Gizmo, this is not what I wanted. I wanted to bullet just some text for now on the about us page.

Re: Bullet Text not working
 

First:
This is posted in bugs, it shouldn't be as you have custom skin...(I'm sure the mods will move it.

You need a separate ul class and contain that with a div, fairly easy, I will post code up for you etc, lets get the mods to move this....

Re: Bullet Text not working
 

I am a newbie.. How do i get the mods to move this thread? Or are you able to get it moved?

Please post the code..

Thank you for your help!

Re: Bullet Text not working
 

Ah I see they use class="content" in the sidebars as well.

Changing it to this should work:

div.dialog ul {
padding-left: 20px;
list-style: disc;
}

This way you don't have to use any wrappers or anything.

Re: Bullet Text not working
 

It also appears that you changed the:

ol, ul {
list-style:circle;
}

Change that back to none, that affects the entire site.

Re: Bullet Text not working
 

Ok, I made the change.. Please look it over again..

Re: Bullet Text not working
 

Looks good to me, is that what you wanted? At least it looks good in Google Chrome.

Re: Bullet Text not working
 

Ok:
here is css ad it to main.css

ul.mydisk {
list-style-type:disc;
}


NOW FOR EXAMPLE

<strong>Why Shop at BuckeyeFanApparel?</strong></p>
<ul class="mydisk">
<li>
Shop 24-7 securely without having to leave home.</li>
<li>
Great product selection, prices and customer service.</li>
<li>
Easy returns and exchanges.</li>
<li>
Pay no sales tax (if shopping outside of AZ).</li>
<li>
Products usually ship within 24 hours (Monday - Thursday).</li>
</ul>

This will now only show where you add the ul class because it has it's own class..

<ul class="mydisk">

Re: Bullet Text not working
 

No he didn't, he wanted a separate ul class, as you could see when he added your css, it was giving everything with a ul, with a bullet, the skin he has is not designed for that....

So He needed separate ul class as I first mentioned..:lol:

Re: Bullet Text not working
 

My apologies it was users fault (With your code implementation) and I didn't read your code properly, plus my code was just a simple why....

Re: Bullet Text not working
 

Gizmo - I made the changes jdiehl mentioned first and it seems to have put the bullets where i intended them to be, not the whole site like his first line of code did. Please have a 2nd look and let me know if you agree I am good to go now.

Re: Bullet Text not working
 

Well not exactly Gizmo, when I told him to change it to "div.dialog" instead of "div.content" since the content class was used in the sidebars, it appeared fine. By using "div.dialog" it only fixed all pages with lists in the center without adding an additional class to the UL, and thus making it easier to use the WYSIWYG built into the system. All about ease of use instead of having to add custom classes in my opinion, but whatever works is fine by me :)

Re: Bullet Text not working
 

Looks good to me, I didn't find anything else in your site messed up. Either my example or Gizmo's would work, I just tried to implement the change so that it would work in all content areas for you automatically, and thus be more conducive to using the WYSIWYG Editor. Gizmo's method would give you more flexibility in that if you had other pages where you didn't want your lists to appear with a bullet, then you could easily do that. In the end it's whatever works best for you. Both methods work.

Re: Bullet Text not working
 

Thank you to both of you!!

Re: Bullet Text not working
 

moved to X-Cart forums > X-Cart Customization > Storefront Design & Template Editing in v 4.2.x and 4.3.x