List style CSS in back end bullets show, but not in front end

  • Hi,
    After reading the entire forum, I”m still stuck and it simple for any expert around here.
    The style in my CSS (single post php)should have something about bullet points.
    Now, In the back-end, my bullet lists shows exactly what I want but not when published.

    I’m very frustrated and even added HTML in the post (style=disc….) but nothing works so it must be in the CSS

    Can someone tell me what to add and where exactly to add it?
    I’d be so grateful.

    Thank you
    here’s what it should NOT look like:

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)

  • Hi @rsmets,

    If you add this CSS code to the ‘extra CSS’ option in the customizer it should work.

    article ul li {
    list-style: disc;
    list-style-position: inside!important;
}
    Thread Starter rsmets

    (@rsmets)

    HI Richard,
    OK, great, THANKS but….where do I paste this exactly?
    In the Single Post (single.php), correct?
    But then where….there’s bunch of <div> and others….
    Also, I want disc and circle too.

    I hope you can help me. I wish I could share my screen with you it would take one second!

    It should be located under ‘Appearance’ => ‘Customize’
    Then you should select ‘Additional CSS’ there you should paste the code.
    If you don’t see these options it could be that you don’t have an Administrator role on your website?

    Thread Starter rsmets

    (@rsmets)

    Richard,
    Yes, I am absolutely the administrator, so that’s not the issue.
    I”m looking in Appearance> editor
    that’s where all the coding is done.
    I’ll show you this and hope you know where to post your coding,but also, the circle…?
    <?php get_header(); ?>

    <section class=”single-post”>
    <div class=”container”>
    <div class=”row”>
    <div class=”col-xs-12 col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-3″>
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

    <article>
    <h1 class=”post-title”><?php the_title(); ?></h1>
    <?php the_content(); ?>
    </article>

    <?php endwhile; else : endif; ?>
    </div>
    </div>

    <div class=”row”>
    <div class=”col-xs-12 col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-3″>
    <nav class=”social-nav”>
    <p>Share this post:</p>

      No, in that place changes shouldn’t be done.
      I did a search this is a decent tutorial of where to place the code
      https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

      Moderator Steven Stern (sterndata)

      (@sterndata)

      Volunteer Forum Moderator

      To add CSS: use the “Additional CSS” option in the customizer. https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

      Thread Starter rsmets

      (@rsmets)

      OH dear…well, I noticed that I don’t have the option of ”Customize CSS”
      so I added the plugin Customize CSS
      Now, can someone say which code I should add or what I should do with the plugin please?

      Thank you so much

      the CSS code hasn’t changed since my earlier post

      article ul li {
    list-style: disc;
    list-style-position: inside!important;
}
      Thread Starter rsmets

      (@rsmets)

      Dear Richard,
      You know I did change it a LOT of times. Tested it over and over again and nothing changed.
      Then I asked a lot of other people and tried a lot of similar codes, but nothing helped.
      I did so for 2 full days and became very frustrated.
      Until final one person said that whatever code I added, it was being override by something else.
      This overriding is probably done by the guy who did my website and I’ve been trying to reach him and he couldn’t respond.
      I’m pretty frustrated as it’s all a bit of coding in some location that I don’t know.

      Then, I tried reaching you on your website Richard, but didn’t get through to you either.

      All I can do now is wait for the guy of the website to get back to me, hopefully next week.
      Perfectionist as I am, this is not fun. I wish I had someone I could rely on, but it’s a great way to build my patience level.

    Viewing 9 replies - 1 through 9 (of 9 total)
    • The topic ‘List style CSS in back end bullets show, but not in front end’ is closed to new replies.