Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 25, 2019 at 10:09 pm #1121980
    missouriartscouncil

    This is very simplistic, but I would love more detail on the complete list of exactly what’s covered by these items:

    Primary color: Font color for links, dropcaps and other elements – what are the “other elements”?

    Alternate Background color: Alternate Background for menu hover, tables etc – what’s included in “etcetera”?

    Highlight color: Secondary color for link and button hover, etc – what’s included in “etcetera”?

    Secondary font color – what will appear in the Secondary font color instead of the basic font color?

    July 29, 2019 at 2:57 pm #1122764
    Ismael

    Hey missouriartscouncil,

    Thank you for using Enfold.

    Unfortunately, we don’t have a list of elements that are affected by each color scheme, but there is a rough preview in the styling panel for reference. Unfortunately, the preview doesn’t cover all elements in the theme. You can also check the css declarations or patterns inside the generated dynamic stylesheet in the wp-content > uploads > dynamic_avia folder. You’ll notice that the color scheme selector (main_color, alternate_color, socket_color etc) is followed by the actual element selector.

    Best regards,
    Ismael

    July 29, 2019 at 11:26 pm #1122969
    missouriartscouncil

    Hi Ismael,

    Thanks for your answer. I have to say I find it just bizarre that a theme wouldn’t have a complete list of the elements affected by the colors of the various layout components. I mean, isn’t that rock-bottom basic information a designer needs? I did look at the preview in the styling panel, but needed to take my knowledge further. Oh well…Could you at least tell me the most important thing that’s covered by “secondary font”? I’m completely puzzled that that one!

    Thanks,
    Barbara

    July 30, 2019 at 12:16 am #1122980
    Ismael

    Hi!

    I don’t think any of the premium themes in the market actually list the elements affected by the color schemes because you can usually adjust it manually or select a custom color scheme for an element. In the builder, just edit the element and go to the Colors panel and define a custom color. In the rough preview, you can also change the color to #f50000 (red) for example to get a basic idea of what the color scheme is for. For example, the “Logo Area secondary font color” affects the inactive menu item and the search icon. And this is the actual dynamic css generated to apply that color.

    .header_color .sub_menu > ul > li > a, .header_color .sub_menu > div > ul > li > a, .header_color .main_menu ul:first-child > li > a, #top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a, #top .header_color .sub_menu li ul a {
    color: #f50000;
}

    Cheers!
    Ismael

    August 1, 2019 at 7:31 pm #1123970
    missouriartscouncil

    That’s interesting! I still don’t know what “secondary font” actually means though. I guess I’m just going to have to find out via trial and error….

    August 5, 2019 at 3:44 am #1124623
    Ismael

    Hi,

    Try to set the scheme to a color that is different from the rest, edit the dynamic css and look for the color value. By reading the selectors in the css declarations, you’ll figure out which elements are affected by a certain color scheme.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.