Remove H1 font underline

Hi and Merry Christmas,

You should remove the border from the bottom of your h1 selector. Delete these, and II think this should do the trick!

/* border-bottom-color: #000000; */
/* border-bottom-style: dashed; */
/* border-bottom-width: 1px; */

–Amelia

If there are no options to change this in the admin area of your theme, you will have to change it in the css stylesheet or with a custom css plugin. If you are not using a child theme, and you edit the theme’s stylesheet directly, your changes would be lost when the theme is updated.

If you don’t know how to find the file through the “back end” of your site (through cpanel or whatever control panel your hosting provider uses), and you are not familiar with using FTP/SFTP to make changes, you can edit the CSS file by going to your admin dashboard and finding “Appearance” and then “Editor” on the left side of your dashboard. Click “Editor,” and you should see the file style.css on the right side of your screen. You can make the change to the h1 there.

Another (probably safer) option is to make the changes through a custom css plugin, such as the one in the Jetpack plugin. I believe there is a preview option in that plugin that allows you to preview your changes before you save them. I haven’t used this, but it’s very popular. There are also some free custom css plugins available.

IMPORTANT — You should have a backup of your site, or at least a backup of your css file, before you make any changes. If you make a mistake in the css file and save the change, it can mess up the styling or layout of your site. If that happens, you would then correct the mistake or upload the new file, and your site would return to its normal state.

Good luck.

If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then do the following:

1. Install this Custom CSS Manager plugin http://ww.wp.xz.cn/plugins/custom-css-manager-plugin
2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
3. (put this code in)

   body h1 {
       border: 0;
   }

4. Save

Alternatively use your Child Theme style.css file to hold your CSS modifications