How to customize the design using CSS?

This article will show you how you can customize the look and feel of any element of the theme.

1. Log in to your WP Admin Dashboard > Appearance > Customize > Additional CSS

2. Enter the desired CSS code in the input box: for example, in order to change the color of Find Services button:

  1. Right click on the website and select Inspect (or CTRL+SHIFT+I)
  2. Click on the image with arrow (top-left)
  3. Select with mouse the "Find Services" button and you will see
    .profile-home-search input[type="submit"]
    	
  4. Here you change the color of the text until you get the desired color
  5. When you have decided on the color, go to Custom CSS and copy/paste the following code below any already existing code:
    .profile-home-search input[type="submit"] {
    	color: #00EE00;
    }
    	

    Note:

    #00EE00 is the hex code of the desired color. Insert the hex code of the color you want to apply in place of #00EE00. Refer the link  http://www.color-hex.com to find the hex code of the color you want to apply.

  6. Click 'Publish' button to apply the changes to the theme.