Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • July 26, 2018 at 10:53 am #990173
    aB-Agenta

    hello, I have the problem that on a page in a box my own css class for an numeration (ul class = “list”) does not work. I get double bullets, so once the bullets default and my own blue squares. On the other hand, the class assignment only works on one side in the “Icon list” item.

    Problem is on this site right by register and get started:
    Example

    What can this be?

    Greeting
    Holger

    • This topic was modified 6 years, 5 months ago by aB-Agenta.
    July 27, 2018 at 7:44 am #990544
    Rikard

    Hey Holger,

    This CSS is applying the blue dots:

    ul.liste li:before {
    position: absolute;
    left: 0.7em !important;
    margin: -2px !important;
}

    I’m not sure how you want to change it though?

    Best regards,
    Rikard

    July 27, 2018 at 8:07 am #990555
    aB-Agenta

    hey Rikard, the standard gray bullets as dots should be completely gone and only the blue square should appear on the left. currently both are visible and the blue is in the middle of the text.

    Best regards, Holger

    July 27, 2018 at 9:57 am #990598
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
ul.liste li {
    list-style: none!important;
}
ul.liste li:before {
    position: absolute;
    left: -15px !important;
    margin: -2px !important;
}

    and delete following code

    ul.liste li:before {
    position: absolute;
    left: 0.7em !important;
    margin: -2px !important;
}

    Best regards,
    Yigit

    July 27, 2018 at 10:34 am #990618
    aB-Agenta

    Hi Yigit, that does not work. The blue square is still in the text and not to the left. Even if I left the value: öndere it does not work.
    If I also delete the class in the Enfold Child then my other css list formatting on the page does not work anymore.
    Best regards, Holger

    July 27, 2018 at 1:44 pm #990695
    Yigit

    Hi,

    Could you please create temporary admin logins and post them here privately so we can look into it? It seems like a CSS conflict is causing the issue.

    Best regards,
    Yigit

    July 30, 2018 at 9:02 am #991442
    aB-Agenta

    Here are the login:

    July 31, 2018 at 1:10 pm #991909
    Ismael

    Hi,

    Thanks for the info.

    We removed the previous css codes and then leave these ones on the Quick CSS field.

    ul.liste li {
    list-style: none!important;
}

ul.liste li:before {
    content: '■';
    position: absolute;
    left: -15px !important;
    margin: -2px !important;
   right: auto !important;
   color: #4d83b8;
}

    Best regards,
    Ismael

    July 31, 2018 at 1:17 pm #991915
    aB-Agenta

    Hi,
    it works, thanks!

    Best regards, Holger

    July 31, 2018 at 3:52 pm #991964
    aB-Agenta

    Hi, the problem is solved, but now we have a new problem. The other bullets on the other pages are now too far away from the text.
    See here: https://artbase-software.de/maklersoftware/
    Best regards, Holger

    August 1, 2018 at 7:19 am #992195
    Rikard

    Hi Holger,

    Please try this CSS as well:

    .entry-content-wrapper li {
    margin-left: 0 !important;
}

    Best regards,
    Rikard

    August 1, 2018 at 8:12 am #992237
    aB-Agenta

    Hi, that only partially worked. The distance between the bullet points and the text has changed, but it’s still too big. The points need to get even closer to the text. In addition, the bullet points with the whole text must be moved even further to the right. See the example in the attachment.

    example

    Best regards, Holger

    August 1, 2018 at 2:49 pm #992428
    Rikard

    Hi Holger,

    Then you will have to edit the ::before CSS, this what is currently applying:

    ul.liste li::before {
    left: -15px !important;
    right: auto !important;
    margin: -2px !important;
}

    Best regards,
    Rikard

    August 1, 2018 at 2:51 pm #992430
    Rikard

    Hi,

    Or something like this:

    ul.liste li {
    margin-left: -10px !important;
}

    Best regards,
    Rikard

    August 2, 2018 at 4:24 pm #992924
    aB-Agenta

    Hi, I can not keep up with the bullets. I have declared different bullets on 3 different pages.

    Formatted on this page with class = “list-symbol”:

    BiPRO Client™ b-OX®

    On these pages I use class = “list”:

    Demo Version

    FAQs & Voraussetzungen

    The problem is on the Accordeon page:

    FAQs & Voraussetzungen

    There, the bullet is not displayed correctly. Why are the list items displayed differently on the pages even though I use the same class?

    How should I define the class for it to work?

    Best regards, Holger

    August 7, 2018 at 10:40 am #994302
    Victoria

    Hi aB-Agenta,

    I think it ie better to have a span with the class in the li with the content that you have for ::before, that way it will be easier to adjust the text position in the li element.

    Best regards,
    Victoria

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