Need css code for Illdy font changes

Illdy
1

Hi,
I need to modify the Illdy theme and need the basic css code. To do so it seems that I should either create a child theme or use a plugin such as Simple Custom CSS from what I’ve read. It seems that if I paste the code into the Appearance>Customize>Additional CSS that my changes may disappear whenever the theme updates. Correct me if I’m wrong.

Anyways, I’d like to modify both the size & style of font of the header on the blog post pages. I’ll probably want to do the same on the home screen/static front page.

I’ve read & searched through the forums but can’t find what I need exactly. The code I’ve been seeing is for different changes.

Also, is there a code to remove the date from the blog posts? I had one for the last theme that I was using but it doesn’t work on this theme. The word “admin” is also showing up instead of the author’s name. It will be the same author every time.

Thanks,

Stephanie

2

Hey there,
Hope you’re doing well today

You may use a plugin such as the one linked below to implement Google Fonts. It take a little bit of learning, but once you get the hang of it, you’ll be able to do a lot of customizing to your fonts.

I hope this helps :slight_smile:

Best Regards,
Support

3

Hi,
Thank you this helps very much and I will look at it in more detail. One thing I am concerned about though is not changing ALL of my fonts. I only want to change the font located within the header on the blog page. The font style and size is fine within the text body of the page.

There is a problem with how the name Kellybouchard.com appears on a mobile device. It breaks up her name in such a way that is er, lewd, shall we say. With that in mind I need to reduce the size and she’d like me to change the font style as well. I changed the header title to read Kelly’s Blog for now until I figure out how to do what I’m trying to do. Here’s the link to that page:

http://kellybouchard.com/blog/

It seems like I need to know where to place some css code to refer to that section of the header on that page (or other pages).

Thanks,

Stephanie

4

Hi there,
Thanks for keeping in touch with us.

To change the font and font size, kindly add and save the following code to Appearance > Customize > Additional CSS:

#header .top-header .header-logo {
font-size: 52px!important;
font-family: serif!important;
}

You may change the values here to whatever you’d like, you will definitely need to change the font since it’s not a cute one.

I hope this helps :slight_smile:

Best Regards,
Support

5

Hi,

Thanks for you continual help. That code changes the appearance of where it says Kelly Bouchard on the home/static page. I’m trying to change the appearance of where it says Kelly’s Blog on this page http://kellybouchard.com/blog/. Would this same code also be able to change where it says Live Life Fully! on the static home page as well? I also want to make the exclamation point yellow like in the demo. http://kellybouchard.com/

I like the code for the change that you suggested and will keep and incorporate it into the design.

Thanks,

Stephanie

6

Hi there,
Thanks for keeping in touch with us.

Kindly add and save the following code to Appearance > Customize > Additional CSS:

@media only screen and (max-width: 767px){
#header .bottom-header h2 {
    font-size: 50px;
}}

This should work for the Kelly’s Blog text.

To get the yellow exclamation, you’re going to have to replace your current exclamation with this code:

<span class=“span-dot”>!</span>

I hope this helps :slight_smile:

Best Regards,
Support