Code for changing hover text, colour and border

• 

  julzywoo · Member · Sep 3, 2018 at 4:07 am

  • Copy link
  • Add topic to favorites

  Hi there,

  Would love help with CSS code to:

  – remove black border on hover
  – change colour of hover
  – change font and size of hover text

  – remove dash (-) that appears before menu item text

  Big thanks in advance!

  The blog I need help with is: (visible only to logged in users)

• 

  dkmyta · Member · Sep 3, 2018 at 4:24 pm

  • Copy link

  Hey there,

  I’d be happy to help you out here with some CSS but I am certain I am seeing the areas where these changes are required on your website julietteolah.com. Could you perhaps provide a little further detail as to where exactly these changes should be directed.

  I look forward to your response,

  Cheers

• 

  brookedot · Member · Sep 3, 2018 at 9:00 pm

  • Copy link

  Hi there,

  Assuming you are asking with regards to the portfolio items here is some CSS to get you started

  // remove black border on hover
  .portfolio-thumbnail a:hover:after {
      box-shadow: none;
  }
  // change font and size of hover text (font will need to be loaded on the page previously but can be added in here)
  .portfolio-thumbnail h2.project-title {
  	font-size: 40px;
  }
  //  change colour of hover
  .portfolio-thumbnail a{
    background:red;
  }
  
  // remove dash (-) that appears before menu item text
  .main-navigation .sub-menu li a::before, .main-navigation .children li a::before {
  	color: #aaa;
  	content: none;
  }