F8 Lite change font colors

You’ll need to either createa a Child Theme or use a Custom Style/CSS plugin.

Once you have either, let us know.

Alright, I have a child theme set up. I’v never done this before so I’m not sure it’s correct.

This is what I have saved as a .css file in notepad:

[ Moderator note: Please wrap snippets in the backtick character or use the code button. ]

/*
Theme Name:     F8 Lite
Theme URI:      https://graphpaperpress.com/
Description:    Child theme for the F8 Lite
Author:         Thad Allender
Author URI:     https://graphpaperpress.com/
Template:       F8 Lite
Version:        4.2.1
*/

When I use filezilla to access my webpage, it doesn’t come up with a wp-content/themes directory. Infact, there are no directories at all and I just made my own directory all by itself: “f8child”. I did everything to access my webpage ftp account, not sure why i’m not able to access the webpages public files.

Site url?

https://www.jasonschinablog.com

Putting aside FTP issues for now, as a child theme that style.css won’t work. The Template tag needs to match the directory name and the Theme Name should be unique.

Try this themes/f8child/style.css file instead.

/*
Theme Name: F8 Lite Child Theme
Description: Child theme for the twentyeleven theme
Author: Your name here
Template: f8-lite
*/

@import url("../f8-lite/style.css");

/* Your CSS goes after this line */

And activate that theme in your WordPress dashboard.

Try looking in the root folder of the jasonschinablog.com domain.

Alright thanks, I found the right directories. Do I make the f8child directory at wp-content/themes/ or at wp-content/themes/f8lite/ ?

And this is what I have for my style.css code now. I was just following the same format on the child themes page so I don’t know if I did the body text correct.

/*
Theme Name: F8 Lite Child Theme
Description: Child theme for the f8lite theme
Author: Thad Allender
Template: f8-lite
*/

@import url("../f8-lite/style.css");

#site-title a {
    color: #ffffff;
}
#body-text a {
    color: #ffffff;
}

Inside wp-content/themes/ so it looks like wp-content/themes/f8child.

As your site went down just now, please make sure that the only file in wp-content/themes/f8child is the style.css file. ??

Don’t copy any other files and don’t edit anything in the wp-content/themes/f8-lite directory.

I put the style.css into themes/f8child and activated f8 child theme from my dashboard.

Now the site doesn’t load anything at all. It just loads up a white page and that’s it. I can’t even deactivate the child theme because my dashboard just loads up as a blank page as well.

I must have messed up the code or something but I don’t know how it should look. It’s exactly the same as the code a post above.

This should be a quick fix: just use FTP and delete the whole wp-content/themes/f8child directory. Just that one f8child directory, nothing else.

Once that’s done try and log in via https://www.jasonschinablog.com/wp-admin/ and see if that lets you in.

Deleted that folder but trying to login via that link just leads to a blank page.

Edit: I went to my hosting site, uninstalled wordpress and reinstalled it without a problem. Now the site is back up but I have to remake the blog. What exactly should my code be for the f8 child theme? I don’t want to mess it up again like last time. All I want to do right now is change the text to white color.

Huh. Did you make changes to wp-content/themes/f8-lite files or anything else as well?

All I did was create a new directory folder in the themes folder and then I dragged the style.css sheet into the f8child folder I made and activated it via the dashboard themes page. The full file path is:
/www/wp-content/themes/f8child

I tried it and the exact same thing happened to me. Activating the child theme caused a 500 Internal Server error and until I deleted both parent and child theme I could not get in either.

This is why I have a Crash Test Dummy installation and you’re not crazy. ??

It’s the F8 Lite functions.php file that’s the culprit. It contains these two lines:

require_once ( get_stylesheet_directory() . '/theme-options.php' );

require_once ( get_stylesheet_directory() .  '/images.php');

See that get_stylesheet_directory()? That’s what’s making F8 Lite not child theme-able. If they are changed to these lines instead then the child theme will work.

require_once ( get_template_directory() . '/theme-options.php' );

require_once ( get_template_directory() .  '/images.php');

Things that need to remain in the parent theme really need to use get_template_directory() to work.

Recently Chip Bennett at WCGR gave a presentation on this very topic, it’s why I was able to figure it out.

Edit: For simple CSS only changes, give this plugin a look.

https://www.ads-software.com/extend/plugins/custom-css-manager-plugin/

If you do make those changes to the parent theme’s functions.php file then if an update comes out your changes may be overwritten. by using that plugin (or one like it) then you can make those CSS changes but still get updates for that theme.