Okay
  Public Ticket #3740732
Text hover colour
Closed

Comments

  • SamType40 started the conversation

    Hi,

    I'm looking to create manual project navigation for next and previous projects to achieve a specific look.

    Is there a way the text can be white and when the column is hovered over, match the original navy colour? At the moment the background colour changes to white but the text remains as a grey colour.

    https://typef3.sg-host.com/case-studies/hp-innovate-2024/

  •  8,856
    Tahir replied

    Hey Again,

    Thanks for reaching out! .

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .single-portfolio #full_width_portfolio div#navigation .span_12 .vc_column-inner:hover h6,.single-portfolio #full_width_portfolio div#navigation .span_12 .vc_column-inner:hover h3{
        color:#0a0020 !important;
    }
    .single-portfolio #full_width_portfolio div#navigation .span_12 h6,.single-portfolio #full_width_portfolio div#navigation .span_12 h3{
        color:#fff !important;
    }
    

     

    Let me know if this helps! Happy to assist further if needed.

    Best,

     


    ThemeNectar Support Team 

  • SamType40 replied

    Worked perfectly! Than you so much

  •  1,882
    Judith replied

    Hello Sam,

    I'm happy that we could assist you! If you haven't already, please consider sharing your experience by leaving a review on ThemeForest.

    If you've enjoyed Salient, be sure to check out Nectarblocks, our latest innovation for building websites visually with WordPress.

    Your feedback is valuable to us and greatly appreciated!

    Should you have any further questions or encounter any difficulties along the way, please don't hesitate to reach out. 

    Best regards,

  • SamType40 replied

    Hi,

    I would like to do a similar thing to the "Events, Design, Media" section about halfway down the home page.

    https://typef3.sg-host.com/

    Are you able to help with this?

    Thanks very much in advance.

  •  8,856