According tab with background image…

Hi igianni84!

Can you please post the link to your page where you have accordion element?
Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then give your element a custom class (to which you would like to apply this hover effect) and then add following code to Quick CSS in Enfold theme options under General Styling tab

 .your-custom-class img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
}
.your-custom-class img:hover {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

Regards,
Yigit

Hi!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

.according-new p.toggler {
  min-height: 98px;
  background: url(https://xpertpoin8.com/demo/frattini/wp/restaurant/wp-content/uploads/2015/02/menu-1.jpg) no-repeat center center;
  background-size: 100% auto;
  text-align: center;
  padding-top: 40px;
  color: white;
  font-size: 20px;
}

Best regards,
Yigit

Hi!

Please change the code i posted in my previous post to following one

.according-new section:nth-child(1) p.toggler:hover,.according-new section:nth-child(1) p.toggler {
  background: url(//xpertpoin8.com/demo/frattini/wp/restaurant/wp-content/uploads/2015/02/menu-1.jpg) no-repeat center center;
  background-size: 100% auto;
}
.according-new section:nth-child(2) p.toggler:hover,.according-new section:nth-child(2) p.toggler {
  background: url(https://xpertpoin8.com/demo/frattini/wp/restaurant/wp-content/uploads/2015/02/menu-3.jpg) no-repeat center center;
  background-size: 100% auto;
}


.according-new p.toggler {
  min-height: 98px;
  text-align: center;
  padding-top: 40px;
  color: white;
  font-size: 20px;
}

You should change the code for each toggle according to first two codes

Best regards,
Yigit

Hi!

Please add following code to Quick CSS as well

span.toggle_icon {
  display: none;
}

Cheers!
Yigit

Hi!

You are welcome, we are always happy to help :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

Best regards,
Yigit