themefisher / airspace-hugo

Airspace Hugo theme for multipurpose use, like Portfolio, Blog, Business.

Home Page:https://gethugothemes.com/products/airspace/?utm_source=airspace_github&utm_medium=referral&utm_campaign=github_theme_about

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Numbered/Bulleted List miss bullets

njsss opened this issue · comments

commented

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.

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.

commented

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

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

commented

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

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>
commented

@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

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

commented

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

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

commented

That works, thank you!