themefisher / airspace-hugo

Airspace Hugo theme for multipurpose use, like Portfolio, Blog, Business.
https://gethugothemes.com/products/airspace/?utm_source=airspace_github&utm_medium=referral&utm_campaign=github_theme_about
MIT License
351 stars 508 forks source link

Numbered/Bulleted List miss bullets #80

Closed njsss closed 4 years ago

njsss commented 4 years ago

Hi there, I really like the theme but there's something wrong with the markdown style of bullet listing. E.g, I tried adding some numbered/bulleted list inside the .md file under the projection folder, however, it only shows the content and doesn't render any markdown bullets (such as "* " or "1. ") at all.

divinerites commented 4 years ago

You can add this kind of code to your personalised css. Locate what section id you're on (or create the id), and adapt the css code. Should work right away.

  /* bullets */
  #TheSectionIdYouWantToHaveBullets ul li {
    color: #666;
    list-style-type: disc;
    margin-left: 30px;
  }

PS : I use the version 1 of this theme, not the latest but this works.

njsss commented 4 years ago

Thanks for your reply! But I am very new to this, how to exactly implement this? Where to add the personalized CSS file?

somratpro commented 4 years ago

hey there, just put post-content class on the wrapper. like: <div class="post-content">{{.Content}}</div>

njsss commented 4 years ago

hey there, just put post-content class on the wrapper. like: <div class="post-content">{{.Content}}</div>

image @Somrat37 Hi, I just changed the part in the layouts/project/single.html, and added following to the end of project/rio-funiture-1.md

image

but still, only the content is shown image

divinerites commented 4 years ago

your <div> code is inconsistent.

You have (I guess) to put just one <div> because you have only one </div>

May be try

<div class="post-content project-content mt-50">
   {{.Content}}
</div>
njsss commented 4 years ago

@divinerites I only changed the single line 26 in the layouts/project/single.html file. I add both as you suggested, but nothing changed. image

divinerites commented 4 years ago

then try the css trick I gave you first. This is what i use.

njsss commented 4 years ago

@divinerites can you tell me where to put a customized css file and how to let hugo know? thanks!

somratpro commented 4 years ago

No need to add extra css, just download the latest code. it will solve your problem. thanks

njsss commented 4 years ago

That works, thank you!