Sela Text Box Opacity

  • Unknown's avatar
    baybreezin · Member ·

    Hi guys,

    this question has been asked many times before and your extremely useful answers have actually help me fix this previously. For some reason though, it will not work this time.

    What I am trying to do is make my text box in Sela Theme more transparent to avoid it covering so much of my photo on my front page. Since I last fixed this, I have moved to wordpress.org, so I am not sure if that is why it no longer works.

    Here is what I do:
    1.) Menu -> Appearance -> Editor
    2.) Go to 10.4 Page Templates ?
    3.) Add in background: rgba(255, 255, 255, 0.5); – The lower this last number, the more transparent my text box will be. But where exactly in the code do I add this?
    4.) click UPDATE FILE
    5.) Refresh my page

    Thanks so much for your help!!
    Martha

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi @baybreezin, it looks like you are using WordPress but you are not hosted here at WordPress.com. For self-hosted WordPress sites such as yours, there is a dedicated WordPress.org Sela Theme Forum where you can ask your questions.

    For general questions on self-hosted WordPress.org installations, visit http://wordpress.org/support/.

    The differences between WordPress.com and WordPress.org.

    I did take a quick look at your site, and I would suggest doing this by CSS instead of editing template php files. This would be the CSS. 

    .front-page-content-area .with-featured-image {
    background-color: rgba(255, 255, 255, 0.5);
}

    If you have not yet done so, I would suggest creating a child theme so that any customizations you make will not be overwritten by a future theme update. Alternately you can use the Edit CSS function in the Jetpack plugin, or use one of the other Custom CSS plugins that will keep CSS changes from being overwritten.

    Child Themes
    Child Theme creation plugins
    Jetpack plugin
    Custom CSS plugins

  • The topic ‘Sela Text Box Opacity’ is closed to new replies.