[starla101Participant]

Hi,

I’m not sure what I did to mess this up, but I can’t change my logo font or heading font in the customizer from the default Dosis and Lato. When I attempt to change the font, it seems to load a simple sans serif. It doesn’t do this for the body font.

the url of the site is http://www.jaimeleemann.com/dir. I have wordpress 4.0 and I am using the Icon stack.

Also, what is the best way to change the heading sizes so they are not so large in comparison to the rest of the text?

Thank you for your help.

[ChristianModerator]

Hey there,

Please update X and the plugins to their latest version first. Then, please give us access to your WordPress admin so we could see the problem.

Thanks.

[starla101Participant]

This reply has been marked as private.

[Paul RModerator]

Hi Starla,

Thank you for providing login details.

Upon checking and testing, the fonts seems to be working fine from here.

http://screencast.com/t/mBxEJYN0QjHf

Regarding font sizes, you can adjust the size using css.

You can add this under Custom > CSS in the Customizer.

/* for h1 heading */
h1,.h1 {
    font-size:30px;
}

/* for h2 heading */
h2,.h2 {
    font-size:25px;
}

/* for h3 heading */
h3,.h3 {
    font-size:20px;
}

Hope that helps.

[starla101Participant]

Thanks for helping – my logo fonts still do not show up
here is a screenshot

I have also swapped out my linkedin social icon for a custom Goodreads icon. How can I change the hover icon from displaying “Linkedin”?
And if I have an icon that is the same as the hover colour for the rest of the icons, how can I change it to display this icon on hover?

Sorry for the amateur questions.

[Kosher KMember]

Hi,

Can you please update your X theme and X shortcode to the latest version,

You can follow the update guide from here -> http://theme.co/x/member/kb/updating-your-theme-and-plugins/

Please also check this article -> http://theme.co/x/member/forums/topic/release-notes-x-v2-5-1/

For changing the Goodreads title on hover please add this code below in customizer -> Custom -> Javascript

(function($){ 
	$('.linkedin').attr('title','Goodreads');
})(jQuery)

You can change the icon color on hover using this CSS code below

.x-topbar .x-social-global a:hover {
color: red;
}

Simply change red to any color you want.

Hope that helps.

[starla101Participant]

ok, it is updated.

The logo and heading fonts still do not change.

Also, now that it is updated, my goodreads icon is no longer showing.

eek!

[starla101Participant]

this is the code I am using to swap out the icon
.x-social-global .x-social-linkedin:before {
content: url(http://jaimeleemann.com/dir/wp-content/uploads/2014/09/goodreads_up.png);
position: relative;
top: 3px;
}

now it is suddenly not working

[CousettMember]

Can you double check that the CSS is present. I inspected the element and the CSS is not there but upon adding it it worked great. Also if you have a caching plugin it would be a good idea to deactivate during development.

[starla101Participant]

Ok, thanks for helping, but I still have the same two problems.

My logo and heading fonts won’t change from the defaults. They display a simple sans-serif font if I select anything other than Dosis for the Logo, and Roboto Slab for the headings.
The CSS I listed above has been added using the Customizer>Custom>CSS but still displays the LinkedIn icon.
It was working before the update of the X theme. (funny enough though, it only worked for LinkedIn and not for Behance when I tried to swap that logo instead.)

Any idea what the problem is? If you are able to add the CSS and it works for you, could you leave it there in a working state? Not sure what the difference would be but I’d be ever so grateful!

[Paul RModerator]

Hi,

I was able to change the fonts of logo, navbar and headings.
I also was able to fix the Good reads icon.

http://jaimeleemann.com/dir/

Please let me know if that is what you want.

In changing fonts, try to wait for a while for the customizer to update before saving.

[starla101Participant]

Thank you very much, what you did seemed to change it for me.

However, I wanted to change my navbar font back to Dosis, and when I selected it, this happened:

it changed the heading fonts to that sans serif. I have waited 10 min and nothing has updated further in the customizer. What is going on that I can’t change them but you can? And why would changing the navbar font affect the Heading font?

[ZeshanMember]

Hi Staria,

Thank you for writing in!

Upon checking, it seems you are using Book Font Weight, for headings, while “Dancing Script” font is only available in Regular and Bold font weights (http://www.google.com/fonts/specimen/Dancing+Script). Please choose either “Regular” or “Bold” under Typography > Headings > Headings Font Weight and the issue should be fixed (see: http://prntscr.com/4pv8vb)

Cheers!

[starla101Participant]

Thank you so much!

This was the answer I was looking for.

Very grateful for your help!

[DarshanaModerator]

Glad we were able to help 🙂

[Author]

Posts