Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 1, 2017 at 8:37 am #815295
    Dana2225

    Hello! I recently purchased the Enfold theme and have enjoyed working on my business website. I started out using the parent theme. Thanks to this wonderful support network and your great documentation, I learned about the importance of creating a child theme. I imported the child theme you provided and then imported the parent settings. Everything went smoothly.

    When I was working in the parent theme, I used red as my color scheme. When I transitioned to the child theme, I switched to blue. As far as I can tell, I have removed all codes for red from the child theme, and yet, the hover color is still red! I’ve scoured the forum for solutions and have tried the following suggestions listed below (without the “1)” or the “2)”, but neither worked. I would be grateful for any help you could provide.

    1: #top .main_menu .menu ul:first-child > li a:hover { background-color: #0080b3; color: white; }

    2: .main_menu .menu ul:first-child > li a:hover { background-color: #0080b3; color: white; }

    Also, I haven’t published the site yet. I wasn’t sure if that mattered to you as you tried to help. I plan to switch out the pictures for high resolution pictures before I publish the site.

    Thanks!

    July 1, 2017 at 12:10 pm #815344
    Rikard

    Hey Dana2225,

    Login details are not working, could you check and verify please?

    Best regards,
    Rikard

    July 1, 2017 at 2:28 pm #815358
    Dana2225

    Sorry! I was very tired when I wrote my request. :(

    Also, when the hover background becomes #0080b3, I’d like the text to change to #ffffe6 instead of white.
    Ideally, I’d like for this to be controlled under General Styling again, in case I want to change the color scheme at some point in the future.

    If you scroll down the home page to the demo content near the bottom, you’ll see some other headings are showing up red, as well. I’d appreciate your helping me with that, too.

    Thanks!

    July 1, 2017 at 5:29 pm #815376
    Dana2225

    I have more info about my text turning red:

    I imported your Gym Demo Theme that I’ve been modifying. I believe that somewhere in the original theme, there’s an instruction that when something is in bold, it will turn that text red. I believe that explains why the demo text on my home page is red. Please let me know where that is so I can fix it.

    I’m still clueless as to why I can’t fix my hover color, so I still would appreciate your help with that.

    Thanks!

    July 2, 2017 at 10:28 am #815496
    Mike

    Hi,
    Typically you can change the menu color in the Enfold Theme Options > Advanced Styling > and choose the menu items in the drop down. Sometimes when using a demo to create a child theme, one of the menu colors will be a blank and choosing a color will fix the issue. But your login didn’t give us full access, so I couldn’t do this. I did write some css. Try this code in the General Styling > Quick CSS field:

    #top #wrap_all .av-main-nav ul > li > a, #top #wrap_all .av-main-nav ul > li > a:hover { background-color: #0080b3!important;  color: white!important; border-color: #0080b3!important;}
#top #header .av-main-nav > li:hover > a { background-color: #0080b3!important;  color: white!important;  }

    Best regards,
    Mike

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