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?)

  •  8,849
    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

    ThemeNectar Support Team 

  •   Drew replied privately
  •  8,849
    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



    ThemeNectar 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?

  •  8,849
    Tahir replied
    March 12, 2015 at 2:21pm

    It seems alright.

    Thanks

    ThemeNectar Support Team