Make a Text Box in Slider Option AND Change Top Menu Base Color

Hi! I have two questions.

  1. For the slider option, I want the text to be readable. What CSS should I use to create an opaque box behind the title to make it more legible.

  2. I also have my primary menu running along the top of the page but I want to change the base color of this bar. What CSS would I use to do this?

Thank you so much!! I love this theme. :slight_smile:

Hi @Young Cosmopolite,

I hope you are well today and thank you for your question.

I am not sure what you meant by opaque box and base color so please describe it a bit more in detail so that i can help you.

Kind Regards,

Hi, Movin!

I’ve attached a screenshot of one of my slider photos with the text. Because the text is hard to see, I was wondering if there would be a way to create a filled in text box around the title. I’ve created a rough example of what the box would look like also – excuse the font, I just did this really quickly on Photoshop.

Thanks so much for your help. Also, I was able to figure out the second question by combing through the thread.

Best wishes,
Young Cosmopolite

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

.flex-caption {
    width: 300px;
    max-width: 100%;
    background-color: rgba(255, 255, 255, 0.3);
#page .flex-caption h2,
#page .flex-caption a{
    color: #000;
#page .flex-caption .post-categories:after{
    background-color: #000;
#page .flex-caption .read-more a{
    border-color: #000;

Thanks so much, Movin! This worked perfectly. :slight_smile:

You are most welcome here :slight_smile: