New to the community? Start here

SImple bullet lists not showing bullets

http://chlaw.ca/firm-partners-associates

the bullet list under ‘Areas of Practice’ is showing up in the editor just fine, but not on the page. Any thoughts?

Fri, 4 May 2012 1:32:10

Patrick Cohen
- Technical Docs Wrangler
- 7,017 pts: Hero points 24,210 pts: Rep. points LEVEL 30
Hi jjsararas,

Buddypress style is being given priority over bp-corporate style. To correct this, add the following to your stylesheet:
```
body ol, body ul {

list-style: square inside none;

}
```
If you are going to be doing any extent of customization, it’s preferable to activate the child-theme and add your custom stuff to that. This way, you won’t lose any custom stuff when you update the parent theme.

For more on parent/child themes, see:

https://wpmudev.com/wpmu-and-buddypress-themes/what-are-parent-and-child-themes/

Hope this helps! :o)
jjsararas
- Site Builder, Child of Zeus
- 56 pts: Hero points 144 pts: Rep. points LEVEL 4
Thanks so much. I’ll activate the child theme.. But I can’t say I understand the stylesheet conflict. I’m just running bp-corporate theme on a standalone wp 3.31 installation. No buddypress going.
Patrick Cohen
- Technical Docs Wrangler
- 7,017 pts: Hero points 24,210 pts: Rep. points LEVEL 30
There’s a bp-default.css file included with the theme for when BP is active on the site. It’s likely just the way the stylesheets are enqueued.

Adding more specific style rules to the theme’s main stylesheet will always override whatever havoc BP wants to wreak :o)
Arun Basil Lal
- New Recruit
- 695 pts: Hero points 0 pts: Rep. points LEVEL 0
Hey jjsararas,

Like PCwriter mentioned here, the styles are being taken from bp-default.css and I don’t see a reason why bullet points aren’t defined there.

It shows up in the backend because the editor isn’t using your theme stylesheet, but the default WordPress stylesheet for the editor.

I believe this was pointed out before and this should be included along with the theme, will notify the developer :slight_smile:

Let us know if you have more questions. Good luck!
Patrick Cohen
- Technical Docs Wrangler
- 7,017 pts: Hero points 24,210 pts: Rep. points LEVEL 30
@jjsararas

You’re welcome. If you need more help, just post away!

@Arun

Unfortunately, BP stylesheets are notorious for hijacking even the most basic stuff like list items. I really have no idea why the core BP team doesn’t take the time to create style rules specific to BP. It’s a PITA.

:o(
aecnu
- WP Unicorn
- 2,863 pts: Hero points 19,444 pts: Rep. points LEVEL 29
Greetings jjsararas,

We have not heard back from you as to the status of this issue.

If you are still having an issue please let us know so that we may try to get you fixed up as soon as possible by choosing to check mark this ticket as unresolved below and posting any new errors or symptoms you are noticing.

This action will also bring your ticket up front back in plain view again within the ticket system.

Thank you for being a WPMU Dev member!

Cheers, Joe
jjsararas
- Site Builder, Child of Zeus
- 56 pts: Hero points 144 pts: Rep. points LEVEL 4
Hey guys,

Sorry I trailed off here.. Client trailed off on me till now!

Another question: it also doesn’t seem to pick up the <h1>,<h2>,<h3>, as I specifiy it in the editor. Do I need to specify more custom css?

Thanks again!

Jeff

Timothy

Chief Pigeon

10,605 pts: Hero points 80,651 pts: Rep. points LEVEL 30

Hey there.

How do you mean it doesn't seem to pickup the header tags?

The styling on the front end may appear different to the editor. The theme CSS doesn't manipulate that of the TinyMCE.

What are you hoping to achieve with the header tags?

Here are the default classes for those tags:

.post-content h1 {

margin: 1em 0 0.5em;

font-size: 2em;

}

.post-content h2 {

margin: 1.2em 0 0.5em;

font-size: 1.5em;

}

.post-content h3 {

margin: 2em 0px 0.3em;

padding: 0px;

font-size: 1.25em;

}

.post-content h4 {

margin: 2em 0px 0.3em;

padding: 0px;

font-size: 1.25em;

}

.post-content h5 {

font-size: 1.25em;

margin: 2em 0px 0.3em;

padding: 0px;

border-bottom: 1px solid #efefef;

}

.post-content h6 {

font-size: 1.25em;

margin: 3em 0px 0.3em;

padding: 0px;

}

Hope this helps.

Cheers.

jjsararas
- Site Builder, Child of Zeus
- 56 pts: Hero points 144 pts: Rep. points LEVEL 4
Perfect! Thanks. I had to add your CSS to the child-style.css, and all is well.
aecnu
- WP Unicorn
- 2,863 pts: Hero points 19,444 pts: Rep. points LEVEL 29
Greetings jjsararas,

Thank you for letting us know and happy to see that this is now working for you as anticipated with the addition of the css to the applicable styles files.

I love it when a plan comes together!

Cheers, Joe

Need help fast?

SImple bullet lists not showing bullets

Ready to get started?

Need help fast?

Ready to get started?

How do you rate me?

Thank you for rating your experience!