Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 28, 2017 at 9:51 pm #739802
    amador918

    I’ve followed the information in this link to create a text area widgit right of the my logo.
    My question is:
    How would I alter the behavior of the text similar to the opaque/transparent logo settings for when I use this header transition?
    I am trying to make the widget contents change colors with the opaque/transparent states of the header.

    • This topic was modified 7 years, 9 months ago by amador918. Reason: Needed a more accurate headline
    January 28, 2017 at 10:58 pm #739818
    Vinay

    Hey amador918,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    January 29, 2017 at 12:12 am #739858
    amador918

    Yes here it is:

    January 29, 2017 at 12:58 am #739874
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
/* Before Scroll*/
#header.av_header_transparency .widget,
#header.av_header_transparency .widget a {
	color:#fff;
}

/* After scroll*/
#header .widget, 
#header .widget a {
	color:gold;
}

    Best regards,
    Vinay

    January 29, 2017 at 1:02 am #739879
    amador918

    Ahh! You’re awesome! This is exactly what I needed. Thank you so much!
    I really want to learn to control all of the elements. There’s so much you can do.

    January 29, 2017 at 1:03 am #739880
    Vinay

    Hi,

    Glad we could help!
    Please take a moment to review our theme on themeforest https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Glassy Header Widget Control’ is closed to new replies.