Top Parallax Font Question

Shapely
1

Hello,

I have two questions regarding the top parallax section text that displays in front of the hero image.

Is there a way to add a border/background behind the text to make it easier to read in this case?

How can I adjust the colors of each line separately?

direct link: madmartialarts.com

Screenshot attached.

Screen Shot 2021-05-25 at 3.11.08 AM
Screen Shot 2021-05-25 at 3.11.08 AM781×307 226 KB

2

Hi there

You may use this css code to fix it:

.top-parallax-section .text-center {
background: #11111169;
padding: 20px;
border: 1px solid #fff;
}

3

Thank you! Is there any way to make the border box span the width of the full page image (not the height just the width) instead of just surrounding the centered text?

4

Hi

Yes, its possible, just replace that code with this:

.top-parallax-section .text-center {
background: #11111169;
padding: 20px;
border: 0px solid #000;
width: 100%;
margin: 0 auto;
}

5

Thank you. Is there any way to make this film go over the entire image instead of border the text, and to lower the positioning of the text itself in the parallax section?

And finally, can you add in more than one image into the main parallax? We were interested in creating a slider for this section.

6

Hi there

Im so sorry, but that’s not an easy to accomplish, it will require customization of the theme files which I cant offer

7

Np thank you for your help!

8

Thank you too and have a good day :slight_smile: