Special Font only Displaying on Front Page – Parallax Pro

[myrealitie]

I am not 100% sure this is a genesis theme issue, but I am pretty sure.

I did everything correctly when it came to installing a font from myfont.com. I uploaded the font to the correct places (functions.php and then again on css).

The font displays beautifully on the front page, but it does not display in any other location. It's baffling.

Does anyone have any clue?

Thank you!

http://theconnectioncrafts.com

[carasmo]

Yes, it's not Genesis. Add SelfiePrinted to the font stack in your style.css sheet to one or more classes as you need.

This will add SelfiePrinted to the heading of the page/post:

.entry-title {
        font-family: SelfiePrinted, Oswald;
}

It's the second class under the following in style.css

/* Titles
--------------------------------------------- */

If you go through that style.css (BACK UP first), you'll see that Oswald is assigned to all h1-h6, and SelfiePrinted is only assigned to some classes. You'll see that .entry-title comes further down the style.css file, since it's after the h1-h6 styles, you have to add it there too.

---

Genesis Theme Customization and Help

[carasmo]

Very pretty font! Also, you might want to adjust the font-size on styles that use SelfiePrinted since it probably takes up a smaller x-height.

---

Genesis Theme Customization and Help

[myrealitie]

Thank you for your reply! I will try this!

Thanks again 🙂

[myrealitie]

Hi Again,

So, I tried this, and unfortunately it doesn't seem to work for me.

I'll give a bit more information:

The SelfiePrinted always shows up in every place I've placed it on my computer.

On other people's computers, it only shows up on the front page of my website, including within a mailchimp form on my footer widget.

The same exact footer renders Oswald in place of SelfiePrinted on any other page aside from the front page.

It also renders as Oswald (where it should be SelfiePrinted) in my sidebar's mailchimp form.

Here is a link to my css file: https://www.dropbox.com/s/50pp7n21n0f0248/style.css.10.31.15.pdf?dl=0

Here is the code I am using in the wordpress page that populates my footer area:

<div class="content-box-narrow">
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup"><form id="mc-embedded-subscribe-form" class="validate" action="//katharinedicerbo.us10.list-manage.com/subscribe/post?u=cfbcd051ced004610296555e7&id=5b6c38a353" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">
<div id="mc_embed_signup_scroll">
<p class="SelfiePrintedYellow" style="text-align: center;">Enjoy this post? I'll send<br>Free Updates.</p>
<div> </div>
<div class="one-half first">
<div class="mc-field-group"><input id="mce-FNAME" class="" name="FNAME" type="text" value="" placeholder="Enter your name" /></div>
</div>
<div class="one-half">
<div class="mc-field-group"><input id="mce-EMAIL" class="required email" name="EMAIL" type="email" value="" placeholder="Enter your email address" /></div>
</div>
<div id="mce-responses" class="clear"></div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input tabindex="-1" name="b_cfbcd051ced004610296555e7_5b6c38a353" type="text" value="" /></div>
<div class="clear"><input id="mc-embedded-subscribe" class="button" name="subscribe" type="submit" value="Subscribe" /><input type="hidden" name="SOURCE" id="SOURCE" value="End_Of_Post" /></div>
</div>
</form></div>
<!--End mc_embed_signup-->
<div> </div>
</div>

And here is the code I am using in the wordpress page that populates my sidebar area:

<div class="content-box-wide">

<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup"><form id="mc-embedded-subscribe-form" class="validate" action="//katharinedicerbo.us10.list-manage.com/subscribe/post?u=cfbcd051ced004610296555e7&id=5b6c38a353" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">
<div id="mc_embed_signup_scroll">
<p class="SelfiePrintedYellow" style="text-align: center;">Get Your
Free Updates</p>

<div> </div>
<div class="mc-field-group"><input id="mce-FNAME" class="" name="FNAME" type="text" value="" placeholder="First Name..." /></div>
<div> </div>
<div class="mc-field-group"><input id="mce-EMAIL" class="required email" name="EMAIL" type="email" value="" placeholder="Email Address..." /></div>
<div id="mce-responses" class="clear"></div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input tabindex="-1" name="b_cfbcd051ced004610296555e7_5b6c38a353" type="text" value="" /></div>
<div class="clear"><input id="mc-embedded-subscribe" class="button" name="subscribe" type="submit" value="Sign Up" /><input type="hidden" name="SOURCE" id="SOURCE" value="Sidebar" /></div>
</div>
</form></div>
<!--End mc_embed_signup-->
<div></div>
</div>

I hope the additional information helps solve the mystery. Again thanks so much in advance to anyone who is able to help me!

[Author]

Posts