Customizing Elara

Hi,

Thanks for using Elara!

1) You can change the font size of the paragraphs on that page using this code in Appearance > Customize > Additional CSS:

.entry-singular .entry-content p {
    font-size: 16px;
}

16px can be changed to whatever you would like.

2) It looks like you figured out the link colors…I just took a look, and your custom colors are displaying correctly, overriding the default black.

3) Are you referring to the post content? Or the width of the entire page? This width changes depending on your screen resolution, so if you’re using a very wide monitor the content will show up wider than if you’re on a low resolution or small monitor. What size would you like the page to max out at? And will this only apply to the individual post pages (like the one you linked to), or will the apply to all pages on the site?

Thanks!

Thanks, Steven. I added in the link color and !important to additional CSS to make the link colors work, so all good there now, and the code worked for text size as well.

On the width, I’m referring to the post content. I’d like my post content to max out at something like this page has, but am not sure what to add to additional CSS to make that happen. https://pinchofyum.com/bangkok-coconut-curry-noodle-bowls

Gotcha, thanks. The actual post content you can cap at 600px (which is what the page you linked to is set at) with this CSS:

.post .entry-content {
    max-width: 600px;
    margin: 0 auto;
}

This will center the post content within the left column, so if you’re looking for a different approach you can play around with it or let me know what you want to do with the extra space and I can help.