There’s a large blank image at the top of that page, titled “O’Brien handout, page 3”. Your theme likely displays the featured image for a page at the top, above the page name. You could hide it with some CSS:
.page-id-20 .attachment-post-thumbnail {
display: none;
}
but your best bet would be to edit the page in question and remove the featured image.
Thread Starter
ropyro
(@ropyro)
That did work, thank you!
But I’m still not sure why it showed up in the first place, and why it looked fine in the regular preview/editing version but not online. I looked in the code (or thought I did). Thoughts?
Side point:
I also have a question about the home page text. I want it to be bigger and bigger! But my code for it in the CSS isn’t increasing our sizing.
h1 { font-size: 28px !important;
}
Does not solve it like I thought it would. Additional thoughts?
But I’m still not sure why it showed up in the first place, and why it looked fine in the regular preview/editing version but not online. I looked in the code (or thought I did). Thoughts?
I can’t see any code in the theme’s files that might cause that to happen. Did you set that image as a featured image?
I also have a question about the home page text. I want it to be bigger and bigger! But my code for it in the CSS isn’t increasing our sizing.
Which text in particular are you trying to resize? I don’t see any text on the home page that’s wrapped in <h1>
tags.
Thread Starter
ropyro
(@ropyro)
I was actually trying to upload a document on the site (upload and then link to a text prompt), but it went wonky, and disappeared. Or, what probably happened, it turned white, melted somewhere in the back of the code, and I just couldn’t see it anymore.
I’m trying to get our header text “Welcome to Our Common Wealth” on the opening page to be much larger. I feel it’s a template issue, because it’s not working. It may not be an H1 then, if it’s template based?
Ah, I see it now. Try this:
h1.site-title {
font-size: 28px !important;
}
Thread Starter
ropyro
(@ropyro)
Fantastic! That’s the ticket!
If someone is trying to override a template-specific feature or appearance, is the .site-(whatever element) {specific commands} needed? for instance, if I wanted all of my paragraph text to be Arial, it’s write out as
p.site-font {font-name Arial}
A general lesson on CSS would be a bit out of scope for this forum, but there are plenty of useful tutorials on the Internet and it would also help to learn how to use a web inspecting tool like Firebug.
For your specific question, though, it would be enough to use
p {
font-family: Arial;
}
like you do on line 23 of your custom CSS plugin.