Advanced Search

LearnDash errors with Bootstrap CSS

/ Published in: HTML
Save to your folder(s)
I'm using the learndash shortcode:
[ld_course_list categoryselector=true col=3]

The HTML it outputs is missing a div with class=row. When you're using Bootstrap, you need a "row" div if you want to put col divs inside of other col divs. You also have everything inside of a <strong> tag, which is clearly an error.

What you should do is a) rid of the <strong> tag, and b) you should add a after the ld_categorydropdown div that closes where the </strong> currently is.

You might ask why I care. I care because I'm trying to style this thing, and the boxes/columns don't line up properly if they aren't in a "row".

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <!-- Stripped down, this is what your code is outputting: -->
  2.  
  3. <div class="fw-row">
  4. 	<div class="fw-col-xs-12">
  5. 		<strong>
  6.  
  7. 			<div id="ld_categorydropdown">[FORM ETC]</div>
  8.  
  9. 			<div class="ld_course_grid col-sm-6 col-md-4">
  10. 				<article id="post-70" class="thumbnail course post-70 ...">
  11. 				</article><!-- #post-## -->
  12. 			</div>
  13. 			<div class="ld_course_grid col-sm-6 col-md-4">
  14. 				<article id="post-13" class="thumbnail course post-13 ...">
  15. 				</article><!-- #post-## -->
  16. 			</div>
  17.  
  18. 		</strong>
  19. 	</div>
  20. </div>
  21.  
  22. <!-- This is what it should look like instead: -->
  23.  
  24. <div class="fw-row">
  25. 	<div class="fw-col-xs-12">	
  26.  
  27. 		<div id="ld_categorydropdown">[FORM ETC]</div>
  28.  
  29. 		<div class="row">
  30. 			<div class="ld_course_grid col-sm-6 col-md-4">
  31. 				<article id="post-70" class="thumbnail course post-70 ...">
  32. 				</article><!-- #post-## -->
  33. 			</div>
  34. 			<div class="ld_course_grid col-sm-6 col-md-4">
  35. 				<article id="post-13" class="thumbnail course post-13 ...">
  36. 				</article><!-- #post-## -->
  37. 			</div>
  38. 		</div><!-- end new 'row' -->
  39.  
  40. 	</div>
  41. </div>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.