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:

    upload_2015-2-7_23-31-12.png

    ^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.


    upload_2015-2-7_23-29-54.png
    ^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.


    thanks.
     
  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:
    upload_2015-2-8_1-53-52.png
    but it's returning this:
    upload_2015-2-8_1-54-40.png

    ('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