How do I apply my CSS to a theme page?

Question

I installed the Mog theme for WordPress and I would like to position some of my pictures on a page using HTML divs and CSS. My question is, do I have to create a child theme of the Mog theme in order to do this? Or can I just add my own css to the particular page? If so, how do I incorporate my own css for this particular page? If the Mog theme is updated, how will this update affect my page contents?

Answer 1

If you want to keep your changes while allowing Mog theme to keep updated you will need to create a child theme. This will ensure your changes are kept.

Answer 2

You could also try a plugin like 'Wp Add Custom CSS' https://wordpress.org/plugins/wp-add-custom-css/). It allows global CSS or CSS per individual page/post. This is saved to the database and will not be affected by parent theme updates. If doing a lot of changes the child theme is the way to go though.

Answer 3

Normally the quickest way is to go to Appearance > Themes > Customise (on your theme).

This allows you to insert custom CSS.

I usually prefer to create a child theme and either override the header.php file by copying it into the child theme in the same folder location.

Or enqueue the stylesheet using functions.php in your child theme.

The child theme avoids any of your changes being overwritten when you update your theme.