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

Style Chooser/Preview Popup Transparency

Discussion in 'XenForo Questions and Support' started by bambua, Oct 14, 2010.

  1. bambua

    bambua Well-Known Member

    Has anyone found what template or style properties you can change the color/transparency of the Style chooser and the Preview popup for posts? I was looking for a bit today and changed a bunch of settings but I'm still not tracking it down.

    Thanks all :)
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Admin CP -> Appearance -> Style Properties -> Options

    > Overlay Mask Color
    > Overlay Mask Opacity
    HydraulicJack likes this.
  3. bambua

    bambua Well-Known Member

    Yeah I tried that and it still didn't do it, I think this is for the drop down overlays that come from the top of the screen. I'm talking about the tooltip boxes that pop up with the previews for the threads.
  4. bambua

    bambua Well-Known Member

    Here's the problem I'm having, maybe this will help track it down:

    Attached Files:

  5. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    That looks like a transparent contentBackground.

    Admin CP -> Appearance -> Style Properties -> Color Palette -> @contentBackground

    Or this:

    Admin CP -> Appearance -> Templates -> xenforo_sections.css

        @property "primaryContent";
        background-color: @contentBackground;
        padding: 10px;
        border-bottom: 1px solid @primaryLighterStill;
        @property "/primaryContent";
    bambua likes this.
  6. bambua

    bambua Well-Known Member

    I'll check that out, thanks a bunch :D
  7. bambua

    bambua Well-Known Member

    Thanks again Jake, that got me on the right track, it did just pull from the primary content color, which on my site is transparent. What I ended up having to do was go to the preview_tooltip template and put the style I wanted for the background directly in there with a style property on the div:

    <div id="PreviewTooltip">
    	<span class="arrow"><span></span></span>
    	<div class="section">
    		<div class="primaryContent previewContent" style="background-image: url(styles/default/SS/bg_trans.png);background-position:90% 0%;">
    			<span class="PreviewContents">{xen:phrase loading}...</span>
    Thanks again for your help it definitely helped me find it.
  8. Puntocom

    Puntocom Well-Known Member

    I still can't change that blue color. I can't find any reference to it in my color palette.
  9. Puntocom

    Puntocom Well-Known Member

    I have tried and can't change it, please can you help me?

  10. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Admin CP -> Appearance -> Templates -> xenforo_overlay.css

    It's the colors for the two border attributes:

    .xenOverlay .section,
    .xenOverlay .sectionMain
    	border-radius: 20px;
    	border: 20px solid @primaryDark;
    	border: 20px solid rgba(3,42,70, 0.65);
    	_border: 20px solid @primaryDark;
    	padding: 0px;
    	box-shadow: 0px 25px 50px rgba(0,0,0, 0.5);
    creativeforge and Brogan like this.

Share This Page