Problem solved.

Checked theme requirements, everything looks good.

Created an htaccess file in public_html, adding the following to the file:
<IfModule mod_substitute.c>
SubstituteMaxLineLength 10M
</IfModule>

Added this to wp-config
define ( ‘CONCATENATE_SCRIPTS’, true );

TD Composer side bar comes up, but not main window. Error message in main window is:
Error at rows: 9(models) : 0(dom). The model does not match the content.

Deactivated all plugins except TD Composer, clearing caches, restarting now. Will update.

Moved site to live, it was offline before. This problem is gone it seems. But I have a different problem now with TD Composer, will create new topic.

Found the problem. TD Composer left behind empty pieces of code when I deleted different elements/rows. I was in a rush to move my equipment out of the rain (working outside) and forgot to screenshot. Very Generic example:
[td_block_text_with_title tdc_css=""""]

The empty deprecated pieces of code are only visible in the normal WordPress Page editor. The text tab is better to find them, look for double html quotes "". I deleted two rows of data, saved, cleared caches (just because), and site is working again.

I’ll have to re-do those two rows, but it’s better than a “Fatal Error” and at least I know where to start troubleshooting if the error comes up again.

This is for anyone who has or may have a “Fatal Error” problem in the future.

Oh, and it’s 5:07 pm, not 10:07 like it says above. No settings under profile to correct time zone.

Yes, the first two examples I used my own menu item id, just copied/paste here in a rush.

Yes, the “solution” is general, I’m now asking why it can’t be drilled down to my menu items (doesn’t work). Thanks.

Hello, thank you for responding. The following didn’t work

.menu-item-3512 .fa:hover { color: red; }
.menu-item-3512 .fa:hover { color: #66cc3; }
a:hover .fa-couch .menu-item-105 { color: #66cc33; }
a:hover .fa-couch .menu-item-105 { color: #6c3; }
a:hover .fa-couch .menu-item-105 { color: red; }

and multiple other variations.

These DO Work:
a:hover .fa-couch { color: #6c3; }
a:hover .fa-couch { color: #66cc33; }

And this for general color:
.fa-couch { color: #6c3; }
.fa-couch { color: #66cc33; }

Doesn’t help if someone wanted to use the same Font Awesome glyph in multiple site areas, each with a different general/hover/active/visited color though.

The code you provided looks like it should’ve worked, not understanding why it didn’t.

I don’t presume to know what type of additional icons you want, but if you install the “Better Font Awesome” WP Plugin, you can use All of those icons anywhere on your site, including the menus.

Make sure the page you want as your homepage is “published” and not “draft”. Then check Settings > Reading again. If still not there, try clearing your site cache And browser cache.