Fonts

Hi,

In the current version it’s not possible to change the fonts and the default text in the input field in the admin panel. However, you can do this manually by editing css and php files. Would you like me to provide you with the instructions?

Hi Chop Chop that would be great.

Okay, here you go:) I’ll demonstrate it using the default template.

Download the plugin to you hard drive and unzip it.

1. To change the message text font, open public/themes/default/css/main.css, find the following declaration:

body {
    font: 16px/1.8 Open Sans, Arial, sans-serif;
    background-color: #fff;
    min-height: 100%;
}

and change the font there. If you want to use Google fonts, you also have to declare them in public/themes/default/index.php. Find the following there (line 31):

<?php $fonts = array(
     'Open+Sans',
     'Oswald:b'
); ?>

and just add the fonts you’d like to use. Then edit public/themes/default/css/main.css as mentioned above.

2. To edit the header font, modify the following:

h1, h2, h3, h4, h5, h6 {
color: #000000;
font-family: Oswald, Impact, sans-serif;
font-weight: bold;
}

in public/themes/default/css/main.css.

3. To change the button font, modify this:

button {
border: none;
background: #000;
color: #fff;
font-family: Oswald, Impact, sans-serif;
font-weight: bold;
text-transform: uppercase;
height: 3.125em;
}

also in public/themes/default/css/main.css.

4. To change the newsletter input font, add font-family declaration to #newsletter input, for example:

#newsletter input {
background: transparent;
border: none;
color: #989898;
width: 100%;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 10px 5px 60px;
height: 3.64em;
font-family: Verdana;
}

5. To change the newsletter input message, edit this :

<input type="email" name="email" id="email" placeholder="<?php _e('Be the first to know', $this->plugin_slug); ?>" required>

in public/themes/default/index.php on line 125.

Save your changes and upload the plugin via the FTP as normal.

Keep in mind that your changes will be lost if you upgrade the plugin.

The option to edit the fonts should be available in one of the next releases, so the modifications will be much easier:)

Let me know if you have any questions.

This is perfect! I really appreciate you taking the time to provide instructions. Many thanks!!

Glad I could help:)