Docs

[Phil Y]

Hi guys
We have been building a version of your integrity shortcodes page style for a client http://safarihq.cloudns.club/portfolio-item/10-day-northern-tanzania-safari-circuit-2/ and we are wanting to apply a hover colour to the box we have created around the item list. we have been styling .itinerary-list a:hover but its not right. Css attached as screenshot. Can you help us?

thanks in advance

[Lely]

Hi Phil,

Please try this custom CSS:

.itinerary .x-accordion-heading .x-accordion-toggle:hover {
    background-color: green !important;
}

If this doesn’t do the trick, please clarify on which element you want to apply hover background color.
Change green to your preferred background color.

Hope this helps.

[Phil Y]

Hi Lely
yes that worked but it was not the item we were looking to effect, right hand column list see screenshot attached, and that is what the css is applying to. We want the hover to be as per the selected state like’about’

thanks in advance

[Rupok]

Hi there,

Thanks for updating. Let’s update the below code :

.itinerary-list a:hover {
  background-color: white;
  border-style: solid;
  border-width: 1px;
  color: rgba(193, 105, 87, 1);
  margin-left: -20px;
  margin-top: -1px;
  padding: 16px;
}

to following :

.itinerary-list:hover {
  background-color: white;
}

Hope this helps.

Cheers!

[Phil Y]

Guys
thats great you are stars as always
cheers

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts