Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 29, 2014 at 9:34 pm #343003
    koala

    How would we make the toggle, pricing and tab shortcode backgrounds semi-transparent instead of pure white?

    See pages below:

    October 31, 2014 at 7:27 am #343892
    Ismael

    Hi koala!

    Thank you for using Enfold.

    Please use google inspector or firebug to inspect the element selectors. Use rgba color values on the css background property. Something like this:

    .selector {
background: rgba(255,255,255,.5);
}

    I’m sorry but we are stumped with inquiries so I’m not being too specific at this point but google inspectors and firebug plugin will really help you with website design. Please try to start using it right now.

    Regards,
    Ismael

    October 31, 2014 at 10:01 pm #344330
    koala
    This reply has been marked as private.
    November 1, 2014 at 7:57 am #344504
    Arvish

    Hey!

    Try this instead

    .active_tc.toggle_wrap, .js_active .toggle_wrap .toggle_content {
    background: rgba(255, 255, 255, 0.5) !important;
}

    Regards,
    Arvish

    November 1, 2014 at 6:51 pm #344683
    koala

    Thanks! I can’t quite figure out how to control the font color though and the hover is still white?

    Are the specific font colors in these toggle areas configurable in the enfold settings or is that only a global font? I see that I can choose “Primary color – Font color for links, dropcaps and other elements” but not the toggle areas.

    • This reply was modified 10 years ago by koala.
    November 3, 2014 at 7:59 pm #345484
    Josue

    Hey!

    Try with this codes:

    /* Change Toggler Hover */
.toggler:hover {
    background: transparent !important;
}

/* Change Toggler and Toggle Content font color */
.toggle_content, .toggler {
    color: white !important;
}

    Regards,
    Josue

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