Drop Down Menu For Skins & Fonts Not Working

Hi GirlShrink,
can you share a screenshot of the issue?
Thanks.

I’m not sure how to add a screenshot on this forum, but I’ve posted it to a page on my site: https://lisaangelettieblog.com/problem/.

There’s really nothing to see. You can’t select any skin but the first choice and you can’t select a font but this first choice.

Hi,
most likely it’s a visual issue, I mean the dropdown is populated but the list is somewhat overlapped by the element below.
If you hover on the first element of this list and scroll down with the mouse, does the list scroll?

No the list doesn’t scroll and when you click on the first element the arrow to the right just flips up and down. It’s weird, because it happens in Safari too. It’s only in this Global settings area. Drop down boxes work fine in all the other areas such as header, content, etc. I’m so bummed bc I really wanted to use this template.

Can I change the skin color and the font via the code somewhere?

Also…I don’t know if this means anything. But when I hover over the Skin element and the Font element I get a message that reads “Run Script Void(0)”. I don’t get this message when I hover over any of the other drop down boxes for the template.

Hi GirlShrink,
yes skin and fonts dropdowns use different select jquery codes.
Could this be related to some conflicting plugin? Have you already tried to disable your plugins?

Disabled all plugins. Same problem. Can I change this manually?

Hi GirlShrink, very weird.
Anyway,
to change the skin, in your child-theme functions.php put this:

add_filter('tc_opt', 'my_skin', 20, 2);
function my_skin($value, $option){
  $skin_name = 'blue';
  if ( $option != 'tc_skin' )
    return $value;
  return "$skin_name.css";
}

change “blue” with the skin you want, options are:
black, black2, blue, blue2, blue3, green, gree2, grey, grey2, orange, orange2, purple, purple2, red, red2, yellow, yellow2

About the fonts, similar to the one above:

add_filter('tc_opt', 'my_gfont', 30, 2);
function my_gfont($value, $option){
  $font = '_g_cantarell';
  if ( $option != 'tc_fonts' )
    return $value;
  return $font;
}

in this case options are a lot more (you have to use the value in the first column):

Google fonts pairs:

_g_fjalla_cantarell -> Fjalla One & Cantarell
_g_lobster_raleway  -> Lobster & Raleway
_g_alegreya_roboto  -> Alegreya & Roboto
_g_lato_grand_hotel -> Lato & Grand Hotel
_g_dosis_opensans   -> Dosis & Open Sans
_g_dancing_script_eb_garamond -> Dancing Script & EB Garamond
_g_amatic_josephin  -> Amatic SC & Josefin Sans
_g_oswald_droid     -> Oswald & Droid Serif
_g_playfair_alice   -> Playfair Display & Alice
_g_medula_abel      -> Medula One & Abel
_g_coustard_leckerli -> Coustard Ultra & Leckerli One
_g_sacramento_alice  -> Sacramento & Alice
_g_squada_allerta    -> Squada One & Allerta
_g_bitter_sourcesanspro -> Bitter & Source Sans Pro
_g_montserrat_neuton -> Montserrat & Neuton

Web safe fonts pairs:

impact_palatino -> Impact & Palatino
georgia_verdana -> Georgia & Verdana
tahoma_times    -> Tahoma & Times
lucida_courrier -> Lucida & Courrier

Single fonts:

_g_cantarell    -> Cantarell
_g_raleway      -> Raleway
_g_roboto       -> Roboto
_g_grand_hotel  -> Grand Hotel
_g_opensans     -> Open Sans
_g_script_eb_garamond -> EB Garamond
_g_josephin     -> Josefin Sans
_g_droid        -> Droid Serif
_g_alice        -> Alice
_g_abel         -> Abel
_g_leckerli     -> Leckerli One
_g_allerta      -> Allerta
_g_sourcesanspro -> Source Sans Pro
_g_neuton       -> Neuton
helvetica_arial -> Helvetica
palatino        -> Palatino Linotype
verdana         -> Verdana
time_new_roman  -> Times New Roman
courier_new     -> Courier New

Hope this helps.

Yippppeee!!! Thank you so much:)