Okay
  Public Ticket #425907
Opacity behind page/blog titles
Closed

Comments

  • Matt started the conversation
    April 30, 2015 at 7:35pm

    I am finding that my title is not clear enough against the header background image on certain pages or blog posts.

    Is there a way to make it more legible by adding an opacity colour box behind the title and/or meta (ie. author, date, etc) that is also in the header image area?

    thanks, matt

  •  8,850
    Tahir replied
    May 1, 2015 at 3:17pm

    Can you provide the page url where you want the backgrounds ? .

    Thanks

    ThemeNectar Support Team 

  • Matt replied
    May 1, 2015 at 5:45pm

    hi tahir,

    I\'ll reply privately to give you the details as it\'s behind a maintenance page at moment + I need to give you login details.

  •   Matt replied privately
  •  8,850
    Tahir replied
    May 2, 2015 at 3:57pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    body #page-header-bg h1, html body .row .col.section-title h1 {
    padding: 4px 0px;
    display: inline;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
    -o-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
}

    Thanks


    ThemeNectar Support Team 

  • Steve replied
    May 18, 2015 at 3:21pm

    HI i used your CSS to fix the same problem i had on the portfolio pages... but it messed up my contact page now (as i had a subtitle) see here: http://stevegerges.com/about-2-template/

    The subtitle was supposed to be under the title (and at best would it be possible to remove the black box on this page only??)

  • [deleted] replied
    May 18, 2015 at 3:38pm

    hi steve, you can use the custom css box in the top right hand corner of the page builder to override the css i believe.


    @tahir: many thanks for the css solution, works a treat for me.