• 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

king8084

Active member
#1
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.
 

king8084

Active member
#3
Style Properties > Overlays and Tooltips > Preview Tooltip

ul.autoCompleteList li.selected
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.
 

king8084

Active member
#5
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.