Little tips and tricks for Wordpress

In this article, we're going to discuss some of the small things you can adjust at your WordPress site.
What we are going to cover is the following:

- Modifying the CSS of a page
- Modifying the footer of your page manually.

This article is not so much a step by step guide, it just might give you something to think about what you can customize without extensive coding experience. If you have any questions, you should always check out various forums and help sites.


Before you start modifying things in the code, we recommend that you make a backup first.
That way you can adjust as desired, if something goes wrong you can always restore the backup.

To make changes to a certain element or textbox you can adjust the CSS. CSS stands for Cascading Style Sheet, or the layout of a site. If you are going to change this, it is wise if you have experience with this before.




An example of where the style sheet is located:

wpgal.mijntestpartner.nl/wwwroot/wp-content/themes/twentyfifteen/style.cssThis

depends of course on which theme you use, here we use twentyfifteen.

What we are going to modify are the background colors, this we do by means of an FTP connection to the site. After this you go to the right folder and select the file: style.cssHere
is the layout of the theme that is active. To find out what you can change we will use the browser on the page. Firefox or chrome have an option to open a tool with F12 to see where everything is.
With this tool it is often also possible to edit the page live. This way you can quickly choose the colors you have in mind.
Then you can go to the style.css file with this information and apply it here as well.

An easy exercise to adjust is the background color, we go from a white background:



To a light blue background:



This is done by first using firebug to find out which div it is, then in the CSS to adjust the following way:




It is useful to modify this in a text editor like SciTE or Notepad++. This way it is easy to keep track of which line has what.
You can understand that this brings a lot of possibilities, if you want to make a completely different template you can. If you want to make a few small adjustments to get this to your taste then this is the way.

Customize footer of your page.

To customize the footer of your page, or the copyright information / contact information you can do this way:
You go to the same folder as in the previous one, namely
wpgal.mijntestpartner.nl/wwwroot/wp-content/themes/twentyfifteen/style.cssHere

you will find the footer.php. You can open this with your favorite text editor and modify it, for example:






In the HTML this looks like this:







If you have any further questions you can always see if there is someone on the online chat.
Or you can create a ticket for this in the customer panel.