Center Header text page + opacity page text background

Hello and thanks for all your help.

I’ve been looking in other support entries but I’m not able to find the help I need.

I have 2 issues at :

  1. The header text of the page "Welcome to ▴ Wild Confetti ▴ : I would like it to be aligned in the center, as the rest of the text below, but I can’t find the way. And by the way, it looks like all the text below is justified but not centered in the middle of the white window where the text is placed.

2)The white background of the text, is it possible to change the opacity? I’d like it to stay white, but with more transparency so that you can continue to visualize de video meanwhile.


Hi Teresa,

You can put the CSS code below to resolve your issue:

  1. centering the text:
div#primary {
    width: 100%;
header.entry-header {
    text-align: center;
  1. change opacity of the white background:
.container.content-wrapper {
    opacity: 0.9;


Woo hoo! That was perfect, thanks!!!