-
Posts
-
In the Enfold theme sidebar lists don’t act like style=”list-style-position:outside;” neither in html inline-CSS nor in the Enfold Child customizable “Quick CSS”.
With list-style-position:outside the second row of long list elements have to be left aligned and start (after the line break) right underneath the text line above (as you see it in the following list). It works on the main content, but not in the sidebar, neither with the WordPress text editor nor with the TinyMCE editor. In the sidebar the second part of the list element (after the line break) is aligned underneath the ul bullet point and NOT underneath the text above.
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Hey JGastmann,
I went to your site and saw your issue with the text in your sidebar, have you tried deactivating all active plugins and check if that helps. Then you can activate them one by one to find the culprit. Perhaps Black Studio TinyMCE?
I tried to recreate your issue on a clean install of Enfold and could not, ”list-style-position:outside;” is working in my sidebar.
Best regards,
MikeAt http://www.bafatex.com/wordpress/en/test/ you see 2 text widgets in the sidebar. The first one is created with the TinyMCE Widget Plugin. The second one is created with the standard WordPress text widget, and it shows the same problem. How could the TinyMCE Widget Plugin cause the problem at the WordPress text widget?
Moreover I use TinyMCE Widget – which is one of the most popular WP plugins – in every of lots of WP installations I configured. The problem with list alignments in sidebars happened only in the one with the Enfold Theme.
Deactivating TinyMCE Widget could mean that I lose all the content of the many sidebar text areas I created with it. The customer wants to go live on tuesday.
Within the test page, I switched the sidebar settings from “Standard Layout – activates Enfold Child > sidebar” to “sidebar right”. The problem stayed the same.
The active plugins are:
- Black Studio TinyMCE Widget
- Contact Form 7
- Polylang
- Redirection
- Rename wp-login.php
- TinyMCE Advanced
- Yoast SEO
All of them are well established in lots of installations. None of them has anything to do with sidebar content, I need all of them, and I will probably lose content / page structures as soon as I deactivate them.
Do you have any other ideas? I can give you administrator access, but you must not deactivate the 7 plugins above, as I might lose a lot of my work.
Hi,
My example image is what you are looking for right? I did that in a sidebar widget use a text widget, that’s why I think it’s a plugin.Best regards,
MikeI deleted the first text widget done with TinyMCE. So now there are just 2 sidebar text areas both written with the WordPress Core Text Widget.
Your example is what I’m looking for. Which of the 7 plugins touches the WordPress Core Text Widget?
Hi,
Try deactivating all active plugins and check if that helps. Then you can activate them one by one to find the culprit.
I know you don’t want to lose work, yet I believe you won’t by just deactivating them. But to be on the safe side make a backup: I recommend https://wordpress.org/plugins/duplicator/
Sorry I wish I knew which one :)Best regards,
MikeAfter a backup with “Duplicator” I took the risk to deactivate all plugins. The problem stays the same. By the way: The sidebar lists e.g. under http://www.bafatex.com/wordpress/en/test/ (even when written with the WP text editor) look even worse in Chrome than in Firefox (larger margins between text and bullet points of the ul).
In the private content section I give you admin access.
Thanks a lot in advance,
Joerg Gastmann
Hi,
OK I got it straighten out, there was a bunch of stuff going on.
First you had “list-style-position: inside !important;” in your quick css, so you could not get the “outside” to work, then Enfold had “list-style-type: none;” for “outside” so then you couldn’t get a disc bullet to show.
The Ordered Lists worked right, and that’s what you had for an example on your test page, and what I tested, sorry I should have tested both :)
In the end I put this in your quick css:.textwidget ul li:before { display: list-item; content: ""; list-style: disc inside; float: left; position: absolute; left: 0; } .textwidget ul li { list-style: none; padding-left: 13px; }Please clear your cache :)
Best regards,
MikeGreat! Thank you so much for solving the problem!
So this support ticket / case can be considered as closed,
- The topic ‘List alignment problem in sidebars, list-style-position:outside doesn't work’ is closed to new replies.