Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • August 26, 2014 at 7:12 am #309137
    michaelhiga

    This bug has been driving us crazy for several versions. We’ve tried the Quick CSS workaround and it’s worked before, but now this new page still displays non-white bullets even though the bulleted text is white (on colored background).

    Bad page: http://www.ciphercloud.com/tweet-chat-boxworks14/

    Good page: http://www.ciphercloud.com/products/ciphercloud-cloud-discovery/

    Here’s the quick CSS we’re using :
    .page-id-6568 .entry-content-wrapper li:before { content: ‘• ‘!important; color: white!important; float: left!important; margin-right: 10px!important; }
    .page-id-6568 .entry-content-wrapper li { text-indent: -15px!important; }
    .page-id-6568 .entry-content-wrapper ul { list-style: none !important; }

    August 26, 2014 at 8:36 am #309168
    Josue

    Hey!

    The code you posted should work when applied – http://screencast.com/t/BYzSArHZOIZi

    Have you tried purging your caching/minification plugin?

    Cheers!
    Josue

    August 26, 2014 at 8:20 pm #309506
    michaelhiga

    Thank you – yes now it’s white. But I also need to remove the 2nd line indentation – i.e., the 1st and 2nd lines of text should be equally indented from the bullet. Currently the 2nd line looks to be indented +5 or more pixels.

    August 26, 2014 at 9:17 pm #309536
    Josue

    Hi!

    Replace the text-indent:

    .page-id-6568 .entry-content-wrapper li { text-indent: -15px!important; }

    For margin-left:

    .page-id-6568 .entry-content-wrapper li { margin-left: -15px!important;  }

    Best regards,
    Josue

    August 26, 2014 at 10:29 pm #309556
    michaelhiga

    I’m confused – sorry. It’s not clear if I’m replacing something, or adding 2 new lines. Please provide the final code I need to insert – this is what I had:

    .page-id-6568 .entry-content-wrapper li:before { content: ‘• ‘!important; color: white!important; float: left!important; margin-right: 10px!important; }
    .page-id-6568 .entry-content-wrapper li { text-indent: -15px!important; }
    .page-id-6568 .entry-content-wrapper ul { list-style: none !important; }

    August 26, 2014 at 11:10 pm #309563
    Josue

    Hi!

    This should be the final code:

    .page-id-6568 .entry-content-wrapper li:before { content: ‘• ‘!important; color: white!important; float: left!important; margin-right: 10px!important; }
.page-id-6568 .entry-content-wrapper li { margin-left: -15px!important; }
.page-id-6568 .entry-content-wrapper ul { list-style: none !important; }

    Regards,
    Josue

    August 26, 2014 at 11:20 pm #309565
    michaelhiga

    Tried this and the 2nd bullet is still not aligning correctly.

    August 26, 2014 at 11:33 pm #309572
    Josue

    Hey!

    The code is still using text-indent:
    http://screencast.com/t/WEQhuyq83RQ

    Remember to purge your caching plugins after changing something.

    Cheers!
    Josue

    August 26, 2014 at 11:41 pm #309575
    michaelhiga

    Hello-
    I did purge the caching plugins and cleared browser cache.
    Sorry, but I don’t understand your statement “The code is still using text-indent:” What do you mean?

    I want the bulleted text to look like:

    * sldjfalksdjfkladjf
    fadfadsfasdfdsaf

    NOT like this:
    * sldjfalksdjfkladjf
    fadfadsfasdfdsaf

    August 26, 2014 at 11:44 pm #309576
    Josue

    Hi,

    I’m referring to the text-indent CSS property (see screenshot). Can you please create me an administrator account? post it here as a private reply.

    Regards,
    Josue

    August 26, 2014 at 11:55 pm #309578
    michaelhiga
    This reply has been marked as private.
    August 27, 2014 at 12:04 am #309580
    Josue

    Hey!

    You just need to look for this in the code:

    text-indent: -15px!important;

    Simply change it to:

    margin-left: -15px!important;

    Best regards,
    Josue

    August 27, 2014 at 12:14 am #309584
    michaelhiga
    This reply has been marked as private.
    August 27, 2014 at 12:18 am #309585
    Josue

    Hi!

    Change the ones that have “-15px” as value.

    Cheers!
    Josue

    August 27, 2014 at 1:37 am #309602
    michaelhiga
    This reply has been marked as private.
    August 27, 2014 at 1:50 am #309605
    Josue

    Ok, discard that plan. Add this at the start of Quick CSS instead:

    .page-id-6568 .entry-content-wrapper li { 
    text-indent: 0 !important; 
    margin-left: -15px !important;
}

    Regards,
    Josue

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.