Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 29, 2016 at 10:08 pm #693404
    ReubenTimely

    Hello,
    I would like the text links on the left side to change to #93acb4 on hover. With Enfold’s built-in styling options I can’t make it behave correctly. What would be the best way to accomplish this?
    http://www.timelyawards.com/products/acrylic-awards/

    September 29, 2016 at 10:45 pm #693419
    ReubenTimely

    While we are at it, is it possible to have the active link be #222222 and the inactive ones #666666?

    September 30, 2016 at 4:38 pm #693909
    Vinay

    Hi,

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

    .avia-builder-el-4 h4 a:hover {
 color:#93acb4!important;	
}

    I believe you are using custom html without any specific class names so it is difficult to target active link or inactive link.

    Please check the below link to implement css for active or visited links.

    :active

    Best regards,
    Vinay

    September 30, 2016 at 5:49 pm #693960
    ReubenTimely

    Hi Vinay,
    Thank you for the code, it worked great! Also, that link is the single greatest resource for understanding CSS i’ve ever come across, so thank you for that as well! You guys are the best!
    -Reuben

    September 30, 2016 at 5:58 pm #693964
    ReubenTimely

    Now here’s a problem….Now that I have those links working how I like them, I saved that element as a template to put on other pages, and the CSS isn’t working anywhere else, just on that one page. How can I make it work on other pages?

    September 30, 2016 at 6:12 pm #693968
    ReubenTimely

    This is very strange, it works on the pages with the h3 tags as the “active” link, but not the h4 “active” pages.

    • This reply was modified 8 years, 1 month ago by ReubenTimely.
    October 4, 2016 at 3:44 pm #695101
    ReubenTimely

    Any development on this?

    October 4, 2016 at 7:49 pm #695204
    Vinay

    Hi,

    Sorry for the delay, please use the below code to make changes to the hover color 

    h4 a:hover {
 color:#93acb4!important;	
}

    Best regards,
    Vinay

    October 4, 2016 at 7:57 pm #695211
    ReubenTimely

    Hi Vinay,
    No apology necessary! This worked great, thank you! I’ll figure out what i’m doing one of these days…Until then, I greatly appreciate the help!
    -Reuben

    October 5, 2016 at 7:45 am #695337
    Rikard

    Hi Reuben,

    Great, glad you got it working :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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