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

Activello
1

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:

2

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,
Movin

3

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

4

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;
}
5

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

6

You are most welcome here :slight_smile: