Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 9, 2014 at 7:30 pm #276558
    docperi

    I want to customize the background, and the color of the tooltip on one single color section.
    Wich CSS rules do i need? the section id is “arbeitsweise”

    I’ve tried this:

    #arbeitsweise .avia-tooltip, #arbeitsweise .avia-tooltip .avia-arrow-wrap .avia-arrow{
	background: rgba(255, 255, 255, 0.9)!important;
	color:#999999!important;
	}

    But it does not work … Any idea?

    June 9, 2014 at 7:36 pm #276563
    Josue

    Hey Mario!

    That code doesn’t work because the tooltips appear at the very end of the markup (outside the color section), you should use this code:

    .avia-tooltip, .avia-arrow-wrap .avia-arrow{
	background: rgba(255, 255, 255, 0.9)!important;
	color:#999999!important;
}

    Best regards,
    Josue

    June 9, 2014 at 7:42 pm #276568
    docperi

    hmm …. pero eso es para todos …. right?
    I need only for one color-section a different tooltip color Josue.

    Seems there is no chance to change it, right?

    • This reply was modified 10 years, 5 months ago by docperi.
    June 9, 2014 at 7:52 pm #276574
    Josue

    Sip, lo único que podrías hacer es limitar la aplicación del código por pagina (page-id-xx).

    El código del tooltip esta en:
    /config-templatebuilder/avia-template-builder/assets/js/avia-tooltip.js

    June 9, 2014 at 7:57 pm #276578
    docperi

    Gracias :-)

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Different Colors for tooltip in sections’ is closed to new replies.