Archived topic
Footer Text is HUGE and also how to code these notes.
3 replies · Started by Rocky on August 29, 2018
I have some custom code for my bullet points and apparently the bullet codes made my footer links big as hell lol. Any idea on how to change that?
Also, is there a simple html code to get boxes like I have on the link below.
I can easily do it when creating a page because I just turn sections on, make the section contained and change background color, but since I'm using WPCourseWare for my courses, when I create units there isn't an option to design my posts in separate sections. So I need a code to create these "note" boxes.
See page for footer and note boxes: https://rockyullah.com/live-life-want/page-4/
Hi there,
The footer links are currently taking style from this CSS you've added:
ul, ol {
font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 300;
font-size: 19px;
}Do you actually need that CSS? If so where are you needing it? We can make it more specific so it doesn't effect the footer links.
As for those boxes, you can try some HTML like this:
<div class="yellow-box">
Content here
</div>Then target with some CSS:
.yellow-box {
background-color: #f2e3a7;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know if this helps :)
Great thanks so much for the great reply.
So the reason I have that code is because I'm using a custom font for my website and have that code in the Simple CSS. But when I do bullet points or numbers, it changes the text and font size to something else. Tom told me it was because somewhere in my code the bullet point css was helvetica or something I don't know but that's why I had the code set for the specific bullets.
Also how can I add a space in between bullet points: https://www.screencast.com/t/bZxYaMnuYfAx
Modify your CSS to this:
.site-content ul, .site-content ol {
font-family: "Sentinel SSm A", "Sentinel SSm B";
font-style: normal;
font-weight: 300;
font-size: 19px;
line-height: 2em;
}