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

Image View (Background Styling)

Discussion in 'Media Gallery Support' started by TheSalt, Dec 17, 2014.

  1. TheSalt

    TheSalt Active Member

    Hello Gang,

    I was wondering if there is a way to add a solid color behind the image. I tried the code below in EXTRA.css but the solid background is going all the way left and right, and below the comment box. I have included an image. I'm trying to add a solid background to the dotted line area or close to it. Does anyone know how I can go about this?

    Many Thanks,

    .xengallery_media_view {
    background: #effffe;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 3px;
    box-shadow: rgba(0,0,0,0.5) 0px 1px 5px;}
    Screen Shot 2014-12-17 at 2.41.15 PM.png
  2. Amaury

    Amaury Well-Known Member

    Try this:

    .mediaContainerCenter {
        background-color: #FF0000;
    Change the color to suit.
    TheSalt likes this.
  3. TheSalt

    TheSalt Active Member

    Thank you so much Maru! Worked perfect, just tweaking it a bit.

Share This Page