[radiantaction]

Hi Victor,
Thank you so much for looking at my site. I don't know why the header is rendering a different size than the logo size but I've fixed that in the functions.php file.

This solved most of the problem. The subsequent issue is that this theme has a scroll effect in the header where it shrinks upon scrolling. As you can see, when the logo image shrinks it loses quality.

I understand what you're saying about using svg files and I sure wish I could. However, I have read (and tried) several tutorials to no avail.

Do you know how I can keep the scrolling effect but without losing image quality? I was thinking I could upload a different logo for the scroll function but I don't know how to do this.

Blessings to you!
Kirsten

[radiantaction]

I'm still having trouble with this. Can anyone help?

Kirsten

[radiantaction]

Finally got to this and it worked perfectly. Thank you for your help!!

Kirsten

[radiantaction]

Thank you both! I got this fixed.

[radiantaction]

Thank you all! I had been told ages ago to put this info in the header/footer under Genesis settings. I'm so glad to know the correct way to do this.

Thank you! This is resolved.

[radiantaction]

Duh, I figured it out.

[radiantaction]

Hi Victor,
Thank you for your advice! It's all fixed now. I really appreciate your help!

Kirsten

[radiantaction]

Thank you, Victor. I had tried that but had an error in my css. Your answer inspired me to try again and it worked. Thank you!

Kirsten

[radiantaction]

I was able to get this fixed. Thank you!

[radiantaction]

I got this resolved!

[radiantaction]

Thank you for looking at this. I know how to change things for a specific page, however, what I'm trying to do is change the background or ALL internal pages so it doesn't have to be addressed via css for each and every page.

Is there a way to change this for all internal pages without having to do it manually?

Thank you!
Kirsten

[radiantaction]

Hi Victor,
Thank you for checking it out. No, it is not fixed. It stays white on the home page but switches to black on the internal pages.

If anyone can help with this?

Thank you!
Kirsten

[radiantaction]

Nevermind, I fixed it. Added the following to custom css:

@media only screen and (max-width: 800px) {

.header-image .site-title > a {
background-position: center center !important;
background-size: contain !important;
float: left;
min-height: 95px;
width: 225px;
}

[radiantaction]

Thank you Victor! That worked great!

However, when making this change it changed how the header displays on mobile. It is not longer centered but pushed to the right, off-center. Do you by any chance know how to fix this? I've tried everything I can think of and nothing is centering it.

Thank you!

Kirsten

[radiantaction]

Hi Victor,
I'm so confused! I do see the "jenna sue" is displaying in some areas. It always has shown in the widget titles but it still does not display on my ipad. Actually now that I look at is on my ipad several of the sans serif fonts display as serif fonts on ipad.

After clearing my cache on all devices it still does not display jenna sue even though chrome inspector says it does. Here is a screenshot of what it looks like with different "font family" selectors used. Even if is is displaying jenna sue (h1) it still only shows on my computer, not the ipad.

http://lindaeastoncoaching.com/wp-content/uploads/2015/08/font-issue.jpg

I'm stumped.

[radiantaction]

Hi Victor,
I feel terrible because it is still not working. I used your new code (thank you!!). I have taken it out of maintenance mode so you can see it if you feel inclined.

I haven't referenced the style sheet anywhere that came with the webkit. Do I need to do this?

website is: http://lindaeastoncoaching.com

Thank you so much for working with me on this. It's why I've never used custom fonts. Every time I do I can never figure it out. I'm really hoping to learn!

Warmly,
Kirsten Hope

[radiantaction]

Hi Victor,
Thank you. Unfortunately I'm still stuck. I wonder if I need to reference the style sheet? If you need me to take it out of maintenance mode I can do that.

I've cleaned up my css. I now has:
@font-face {
font-family: 'jenna_sueregular';
src: url(fonts/jennasue-webfont-webfont.eot);
src: url(fonts/jennasue-webfont-webfont.eot?#iefix') format('embedded-opentype'),url(fonts/jennasue-webfont-webfont.woff2) format('woff2'),url(fonts/jennasue-webfont-webfont.woff) format('woff'),url(fonts/jennasue-webfont-webfont.ttf') format('truetype'), url(fonts/jennasue-webfont-webfont.svg#jenna_sueregular) format("svg");
font-weight: normal;
font-style: normal;
}

There are two lines of text I am targeting.

This is the first, it displays the default font, not Jenna Sue. I have used font-family: 'jennasue' & "jenna_sue" & 'jenna_sueregular' to no avail.
.home-banner .hb-content-wrap h1 {
font-family: 'jennasue';
font-size: 85px;
letter-spacing: 0;
text-shadow: none;
text-transform: capitalize;
}

This is the second font. It displays Jenna Sue but only on my computer (because I have it installed)
.home-banner .hb-content-wrap h2 {
font-family: "jenna sue";
font-size: 71px;
letter-spacing: 0;
text-shadow: none;
text-transform: capitalize;
}

[radiantaction]

Thank you Ginger! Using your feedback I was able to fix the problem. Thanks!!

Kirsten

[radiantaction]

Thank you Christoph! Looks great! I appreciate your help 🙂

[radiantaction]

Hi Tom,
Yes, that worked perfectly. I had tried that previously but it "shrunk" my image. This time it didn't. I must have had something in my css that was making that happen.

In any case, your answer was just the ticket.

Thank you!

Kirsten

[Author]

Posts