Okay
  Public Ticket #390365
How can the bg white box fade, without fading my text
Closed

Comments

  •  1
    Drew started the conversation
    March 11, 2015 at 7:12am

    I like using the white box behind text… but a developer faded it so we could still see images in the bg.


    But… the text ON the white boxes also fade!


    How can we get the white background box to have lower opacity … yet keep the text unaffected


    (something to do with giving the VC row a class?)

  •  9,411
    Tahir replied
    March 11, 2015 at 5:19pm

    Can you provide the page url so i can take a look at the underlying css.

    Thanks

     Salient Support Team 

  •   Drew replied privately
  •  9,411
    Tahir replied
    March 11, 2015 at 9:15pm

    Hey,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    .col.boxed {
    opacity: 1 !important;
    background: rgba(255, 255, 255, 0.8) !important;
}

    Thanks



     Salient Support Team 

  •  1
    Drew replied
    March 12, 2015 at 3:43am

    awesome


    I pasted it under some other CSS…


    /* what WAS already there */

    .col.boxed:hover, .wpb_column.boxed:hover {
    top: 0px;
    -o-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);}


    /* Your suggested addition */

    .col.boxed {
    opacity: 1 !important;
    background: rgba(255, 255, 255, 0.8) !important;
    }


    Do I have a little much there?? Should I get rid of some?

  •  9,411
    Tahir replied
    March 12, 2015 at 2:21pm

    It seems alright.

    Thanks

     Salient Support Team