1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.4 Styling the Discussion Preview & Mentions Pop-ups

Discussion in 'Styling and Customization Questions' started by king8084, Feb 8, 2015.

  1. king8084

    king8084 Active Member

    i've created a new style/theme and i've successfully managed to edit all css/styling to my liking, with the exception of these 2 pieces:


    ^this is the Discussion Preview. I'd like to know how to alter the arrow/background-color/text-colors for this...can't seem to locate it in the properties anywhere and unfortunately i'm unable to inspect this element via Chrome...apparently i changed the arrowtip to grey at some point, but that may have been incidental.

    ^same goes for Mentions. can't use Inspect Element to gather the information...as you can see, the background is transparent which looks kinda funny in this case.

  2. Amaury

    Amaury Well-Known Member

    Style Properties > Overlays and Tooltips > Preview Tooltip

    ul.autoCompleteList li.selected
  3. king8084

    king8084 Active Member

    thanks maru. am i missing where the background color is identified here? i would think that the green color chosen would do that:
    but it's returning this:

    ('background-color' css also doesn't appear to work here either.)

    ...the mentions piece works great.
  4. Amaury

    Amaury Well-Known Member

    Preview Tooltip Arrow (Outer) / (Inner). Mess around with those.
  5. king8084

    king8084 Active Member

    ah, i finally figured it out -- the preview pane is:
    .xenPreviewTooltip .previewContent

    the text within that pane is:
    .xenPreviewTooltip .previewText

    and the arrow:
    ..i'm still not sure?? ".xenPreviewTooltip .arrow" and ".xenPreviewTooltip .arrow span" don't seem to want to work.
  6. Amaury

    Amaury Well-Known Member

    What do you want to change about the arrow, exactly?

Share This Page