Translucent square below the texts?


How can I add a translucent square below the texts of my pages?
It’s not really readable like this…

Thanks for your help!



Please provide me the website URL and I’ll see if there’s anything I can do about it.


Hi! Thank you for your help!

Here is the URL:


Please try this CSS solution and let me know if everything’s working as expected:

.page .container .col-sm-8 { background: rgba(0,0,0,0.5); }
.page .container .col-sm-8 .blog-post-title { color: #fff; }

Best regards

Hi, it’s not working. I put that CSS in the CSS style and it changed anything…

Oh sorry, yes a square appaers now! I’ll check the possibilities of the CSS solution! Thank you! I’ll come back if I have some other problems!