/ Register

  1. REGISTRATION REQUIREMENTS:

    Your username here MUST MATCH your XenForo username (connected to your XF license).

    Once you have registered here, then you need to start a conversation at xenforo.com w/Bob and provide the following:
    1. Your XenForo License Validation Token
    2. The Domain Name associated with the License
    NOTE: Your account will be validated once ALL requirements are verified/met. Thank you for your patience.

Showcase recentimage block background color

Discussion in 'Showcase Support' started by 3rd angle, Jan 14, 2014.

  1. Jan 14, 2014 #1
    3rd angle

    3rd angle Member Showcase

    Hi Bob,

    The above mentioned block is not looking good on a dark style.... how can i change the color of the back ground to match the style..
     

    Attached Files:

    Last edited: Jan 14, 2014
  2. Jan 14, 2014 #2
    3rd angle

    3rd angle Member Showcase

    and also how can i remove the padding or border from thumbnail images... i want the image to be extended instead of having a thick padding...
     
  3. Jan 14, 2014 #3
    Bob

    Bob Developer Staff Member

    Its kinda tricky (just was messing around with it myself). Its a combo of core XF CSS, Showcase CSS and BX Slider CSS.

    You can try and over ride this...

    .bx-wrapper .bx-viewport and set a different background

    try this in Extra.css

    .showcaseModularItemsContainer .bx-wrapper .bx-viewport {background: none repeat scroll 0 0 #000000;}

    This is just ONE part of what you'd have to do.
     
  4. Jan 14, 2014 #4
    3rd angle

    3rd angle Member Showcase

    this is the kind of block (from XMG) i am intending to get..without much padding in the thumbnail. The pictures are emphasized
     

    Attached Files:

  5. Jan 14, 2014 #5
    3rd angle

    3rd angle Member Showcase

    this didn't work.. are there more changes i have to make?
     
  6. Jan 14, 2014 #6
    Bob

    Bob Developer Staff Member

    I was just taking a guess on it (the above)... to really do any fine tune customization, you should take a look at the following CSS templates:

    nflj_showcase_item_layout_modular.css
    nflj_showcase_bxslider.css

    Can you create a new thread in the suggestions forum (when you have time) to ask for Modular Layout Settings (to be able to set what things display), that way you can just chose to display images (kinda like you can with the Forum Home Page slider).

    I am looking into the CSS stuff now so I will post what I find when I figure out a decent solution for a dark layout :)
     
    3rd angle likes this.
  7. Jan 14, 2014 #7
    Bob

    Bob Developer Staff Member

    ok, this works for ME... (Note: I only did the GRAY area's as it looks like you got the rest covered.

    put this in Extra.css (for the correct STYLE)

    replace CCCCCC with the correct background-color that you have set for the .sectionMain style var

    HTML:
    .showcaseMain .bx-viewport {
    background: none repeat scroll 0 0 #CCCCCC !important;
    border: 5px solid #CCCCCC !important;
}
    Selection_017.png
     
  8. Jan 16, 2014 #8
    MattW

    MattW Server Admin AMS Premium CAS Premium RMS Premium SC Premium UBS Premium

    This is how I did it:

    Edit: nflj_showcase_bxslider.css

    Code:
    .bx-wrapper .bx-viewport {
    /*-moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;*/
    border: solid @primaryLighterStill 5px;
    left: -5px;
    background: @primaryLighterStill;
}
    upload_2014-1-16_16-28-20.png


    Dark Theme:
    upload_2014-1-16_16-28-51.png

    Light Theme
    upload_2014-1-16_16-29-23.png
     
    3rd angle and Bob like this.
  9. Jan 16, 2014 #9
    Bob

    Bob Developer Staff Member

    I've changed CORE to this as it matches with .SectionMain that also uses @contentBackground;

    Code:
    .bx-wrapper .bx-viewport {
    /*-moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;*/
    border: solid @contentBackground 5px;
    left: -5px;
    background: @contentBackground;
}
     
    3rd angle and MattW like this.
  10. Jan 22, 2014 #10
    3rd angle

    3rd angle Member Showcase

    looks like this is permission based.. when i logged in it is fine otherwise it still shows white background
     
  11. Jan 22, 2014 #11
    Bob

    Bob Developer Staff Member

    Do you have a different style for guests?
     
  12. Jan 22, 2014 #12
    3rd angle

    3rd angle Member Showcase

    apparently... yes :D
     
    Bob likes this.
  13. Jan 22, 2014 #13
    Bob

    Bob Developer Staff Member

    I was changing something on my own site the other day and was pulling my hair out... turns out I was editing the wrong style :D
     
    BT012SS likes this.
  14. Jan 23, 2014 #14
    BT012SS

    BT012SS Active Member AMS Premium Showcase Pickem

    Every Admin will know this :)
     
    Bob likes this.
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Accept Learn More...