Wowchemy-hugo-modules: Embed a scrolling window within a homepage section

Created on 6 Jan 2018  路  2Comments  路  Source: wowchemy/wowchemy-hugo-modules

Hi! I would like to add a News section on the home page to put important stuff (new paper, new student, travel, etc.). I can add a news.md file under content/home and add a list, the problem is I have to "trim" it myself when it gets long.

Is it possible to embed a section of fixed size with scroll-bar?

discussion

Most helpful comment

Thanks @gcushen ! It works! I had to specify the height (instead of 100%) and also I had to add a character at the end, otherwise, the Markdown code inside the div was not parsed. This is what I used:

<div style="overflow: auto; height:150pt; width:100%;">

* **Nov 2017:** Journal paper accepted on IEEE Systems Journal! Read the paper and get the code [here]({{< ref "PAH2017ja.md" >}}).
* **Oct 2017:** New PhD student has joined our group working on control and operation of combined HVDC and AC systems. Welcome XYZ!

</div>
&nbsp;

All 2 comments

You can try adding something like the following to the content of your news.md Markdown file:

<div style="overflow: auto; height:100%; width:100%;">
Your News
</div>

Thanks @gcushen ! It works! I had to specify the height (instead of 100%) and also I had to add a character at the end, otherwise, the Markdown code inside the div was not parsed. This is what I used:

<div style="overflow: auto; height:150pt; width:100%;">

* **Nov 2017:** Journal paper accepted on IEEE Systems Journal! Read the paper and get the code [here]({{< ref "PAH2017ja.md" >}}).
* **Oct 2017:** New PhD student has joined our group working on control and operation of combined HVDC and AC systems. Welcome XYZ!

</div>
&nbsp;
Was this page helpful?
0 / 5 - 0 ratings

Related issues

Framartin picture Framartin  路  4Comments

netw0rkf10w picture netw0rkf10w  路  4Comments

chris-prener picture chris-prener  路  3Comments

ivlis picture ivlis  路  4Comments

gcushen picture gcushen  路  4Comments