Forum

Arya Multipurpose Theme - Ordered lists not showing numbers in text box  

  RSS

chordanation
(@chordanation)
New Member
Joined: 3 months ago
Posts: 4
14/07/2019 1:27 pm  

I'd like to use an ordered list box, e.g.

  1. Item #1
  2. Item #2
  3. Item #3

The numbers are not showing up, although they do show up in the editor (Elementor).

You can see the page here:  http://wordpress.chordanation.com/terms-of-service/

It should show up like this, but instead, the 1. and 2. are repressed in the theme.

A. Account Terms

  1. You must be 16 years or older to use this Service. If you are under 16 years of age, you must have explicit consent from your parent or legal guardian in order to use this Service, including consent to use elements of this Service which collect data to make delivery of this Service possible.
  2. You must be a human. Accounts registered by “bots” or other automated methods are not permitted.
This topic was modified 3 months ago by chordanation

Quote
everestthemes
(@everestthemes)
Member Admin
Joined: 1 year ago
Posts: 19
15/07/2019 1:39 pm  

Dear  chordanation

Thank you for your inquiry, It seems you are getting issues with your Elementor plugins.  Please Update your Elementor plugins so that you could get the desired output. In case this doesn't solve your issues. Then please contact us through email at contact@everestthemes.com.


ReplyQuote
chordanation
(@chordanation)
New Member
Joined: 3 months ago
Posts: 4
16/07/2019 10:58 am  

Here's another test page, created entirely outside of Elementor.  There should be an unordered list then an ordered list.  Both show up in the classic text editor, but the page displays neither bullets nor numbered lists.

https://www.chordanation.com/test/

I've emailed contact as requested, I'll update here if a solution is found, but I'd love it if you could post a possible solution here if you know of one!

p.s. Incidentally, Elementor is up-to-date.

p.p.s.  I also tested by deactivating and removing Elementor.  No change - neither ordered and unordered lists are rendered on actual theme.


ReplyQuote
everestthemes
(@everestthemes)
Member Admin
Joined: 1 year ago
Posts: 19
16/07/2019 11:13 am  

Dear  chordanation

Thank you for your questions, I have sent you email please check your inbox. 

 

Please go to Your website dashboard and navigate to Appearance >> Customize >> Additional CSS Paste this code and click on Published button.

ol {

list-style: decimal;
}
ul {

list-style: disc;
}
ul,
ol {

margin-left:30px;
}
ul li,
ol li {
padding:10px 0;
}

 


ReplyQuote
chordanation
(@chordanation)
New Member
Joined: 3 months ago
Posts: 4
16/07/2019 11:19 am  

This fixed it!

Added to custom CSS:

ol {
list-style: decimal;
}

ul {
list-style: disc;
}

ul, ol {
margin-left:30px;
}

ul li, ol li {
padding:10px 0;
}

Thanks EverestThemes Support!


ReplyQuote
chordanation
(@chordanation)
New Member
Joined: 3 months ago
Posts: 4
18/07/2019 12:42 pm  

The fix above did work but had some unintended consequences, namely adding bullets to the footer menu.  I dug around a bit more and came up with this:

1. Add the following custom CSS

.fix-lists ol {
display: block;
list-style-type: decimal;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}

.fix-lists ul {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}

.fix-lists ul, ol {
margin-left:30px;
}

.fix-lists ul li, ol li {
padding:10px 0;
}

2. Then, I added the following around the elements that I wanted to "fix".  To do that, I used Elementor and "viewed source" and then wrapped the content in:

<div class="fix-lists">
...
</div>

There may be a more optimal way to do this, but this is the method I figured out within my skillset.  Enjoy!


ReplyQuote
Share:

Discount Code: ET15

offers

Please Login or Register