https://www.nosegraze.com/scrolling-text-box/
- Some themes might have a “Custom CSS” box in the settings panel. You can paste it there.
- If you have Jetpack installed, you should have a section in Appearance » Edit CSS where you can paste custom CSS code.
- Or, you can install and activate the Simple Custom CSS plugin, which will add a new menu under Appearance for custom CSS.
.scroll-box {
height: 400px; /* maximum height of the box, feel free to change this! */
overflow-y: scroll;
}
If you want, you can also add some extra styling to add a background colour or border. Here are some simple, extra styles:.scroll-box { background: #f4f4f4; border: 2px solid rgba(0, 0, 0, 0.1); height: 400px; /* maximum height of the box, feel free to change this! */ padding: 15px; overflow-y: scroll; }
Next add that to blog: <div class="scroll-box"> <p>Your excerpt goes in here!</p> </div>
No comments:
Post a Comment