Hi there,
Down the bottom of my page I would like to add pictures next to my recent posts and previous post.
The theme is not designed to show images for previous/next links on posts. To add support for that you’d need to edit the PHP files of the theme to pull in and display the correct featured image for the link, and then add CSS styling for it, so this would require you to create a child theme with these modifications. That’s not something I’m able to help you with, as I’m not a developer, and customizations like this is beyond the scope of support we provide for Automattic themes.
If you’re not familiar with creating your own WordPress themes or child themes already, I recommend you hire a freelance developer to help you with these changes.
I also want to change the colour of the text (the purple text).
The CSS @bam-bam gave above will do the trick, but leave out the !important
. That will force the CSS to apply to every link on the site, even ones that already aren’t a purple colour, and will make it impossible for you to later set a different color on other links – it will even prevent you from setting a custom color directly in the editor. !important
should be avoided as far as possible when writing CSS for this reason.
If you want to change the color based on when a link has been visited or whether the mouse is hovering on it, you can use this:
a {
color: red;
}
a:visited {
color: green;
}
a:hover {
color: yellow;
}
Or if you want the color the same no matter the link’s state, use this:
a, a:visited, a:hover {
color: red;
}
To also change the color of buttons on the site, like on your comment form, you can use this:
button, input[type="button"], input[type="reset"], input[type="submit"], .button {
color: red;
border-color: red;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover {
color: blue;
border-color: blue;
}
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus, .button:active, .button:focus {
color: yellow;
border-color: yellow;
}