Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • September 6, 2017 at 10:00 pm #848856
    gwinenvato

    I’d like to adjust the sidebar links so that the link is white and then underlined is the hover state. How can I do this without adjusting the other links on the site?

    September 7, 2017 at 4:55 pm #849159
    gwinenvato

    I am still looking for an answer or guidance on this. Can’t seem to find anything via searches other than custom CSS, but I don’t really want to do it that way. Modifying text/font attributes in sidebars should be included with Enfold,

    September 7, 2017 at 11:45 pm #849335
    Basilis

    Hi,

    Please use

    .main_color .sidebar a {
color: #fff !important
}
.main_color .sidebar a:hover {
text-effect: underline;
}

    Let us know if anything else.

    Best regards,
    Basilis

    September 8, 2017 at 10:10 pm #849727
    gwinenvato

    Thanks for the reply, but that did not work. Take a look at the site now and see what your code did. Now the all the text is white so you can’t see the text when in the Active State and the hover state of being underlined does not work….

    I guess when it the link is active, the background should be white and the text #33827a and all the other links just white. So no underlining. I made a mistake there.

    • This reply was modified 7 years, 3 months ago by gwinenvato.
    September 9, 2017 at 9:00 pm #849999
    Mike

    Hi,
    Please replace previous code with this code:

    @media only screen and (min-width: 1024px) { .main_color .sidebar a {color: #fff !important}
.widget_nav_menu .current_page_item>a {color: #33827a !important; }}

    please see screenshot in Private Content area & please clear your cache

    Best regards,
    Mike

    September 12, 2017 at 8:50 pm #851239
    gwinenvato

    Thanks Mike. This is great, but there is still no hover state…..which should be the same as the active state.

    September 13, 2017 at 1:58 pm #851578
    Victoria

    Hi gwinenvato,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.nested_nav .page_item a:hover {
  text-decoration: underline;
  color: #666 !important; <---- use this if you need to change the color of text
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 13, 2017 at 7:59 pm #851704
    gwinenvato

    Victoria – I need the hover state to be the same as the active state. You gave me an underline and changing the color to gray. As stated above, I need the background of the link to be white and the text #33827a and all the other text links just white. So no underlining.

    UPDATE: I’ve managed to get the background white and the text #33827a – but please take a look. The white background hover state is not reaching to the left edge like the active state is. How can I fix that?

    • This reply was modified 7 years, 3 months ago by gwinenvato.
    September 13, 2017 at 9:47 pm #851732
    Yigit

    Hi,

    I added following code to Style.css file of your child theme

    .sidebar .widget_nav_menu ul:first-child>.current_page_item:hover {
    background-color: white;
}

    Please review your website

    Best regards,
    Yigit

    September 13, 2017 at 9:59 pm #851736
    gwinenvato

    I guess I’m not communicating very well.The issue is still there. The hover and active state should be exaclty the same. Please go to the site and look at the side bar. I feel like I’ve been going back and forth with this for days. There must be a better way to get my issue across. I appreciate all of your help, but this is time consuming.

    September 13, 2017 at 11:22 pm #851768
    Yigit

    Hi!

    Please post screenshots showing the changes you would like to make so we can make sure that we are on the same page. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Background color is reaching till the edge on my end. Please see attached link in private content field.

    Cheers!
    Yigit

    September 14, 2017 at 5:38 pm #852210
    gwinenvato

    Here is a screen shot.
    http://fab.0bb.myftpupload.com/wp-content/uploads/2017/09/Side_bar.png

    This page also has a side bar but there is not active/hover state like the other side bars.
    http://fab.0bb.myftpupload.com/wp-content/uploads/2017/09/Amenities.png

    September 17, 2017 at 4:57 pm #853086
    Mike

    Hi,
    Try this code at the bottom of the General Styling > Quick CSS field:

     .sidebar .widget_nav_menu ul:first-child>.page_item:hover {
    color: #33827a !important;
    background: #f8f8f8!important; 
    padding-left: 51px!important; 
    left: -51px!important;
    font-weight: bold!important; 
    margin-right: -51px!important; 
}

    Please see screenshot in Private Content area & Please clear your cache :)

    Best regards,
    Mike

    September 18, 2017 at 4:58 pm #853498
    gwinenvato

    I really am beyond frustrated with the help I’ve received so far. I’m not really even sure if my posts are read. I’ve tried all the code you guys have offered but nothing changes. I tried entering this last code into Quick CSS and into the Appearance / Editor / Style.css. Cleared the cache and it’s all still the same. And…the Amenities page has no hover/active state on the sidebar at all. The screen shot that Mike posted above is correct. That is how it should function for all the pages. The Amenities page is pulling a widget into the sidebar so that might be why it is not working at all. Here is Mike’s screen shot again.

    https://s6.postimg.org/5bwrxsp3l/2017-09-17_105507.jpg

    This has been ongoing since Sept 6th. Doesn’t seem like the Enfold theme should be that difficult. Please help!

    September 21, 2017 at 11:13 am #854728
    Ismael

    Hi,

    We are very sorry for the confusion. The “active” state is not going to work on the “Ammenities” page because it’s not the parent page but we can add the hover effect. We added this code in the style.css file.

    .sidebar ul li a:hover {
    font-weight: bold;
    color: #33827a !important;
}

    Please remove browser cache or hard refresh before checking the page.

    Best regards,
    Ismael

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