Subheader text background

centurypixel

I have setup a transparent box behind the subheader text so that the text is more visible.  I have set the width to 500px, however I would like the box to auto size.

As you can see, the text inside wraps.

Here is the link to the page: https://bit.ly/2QE7koj

Here is the screenshot: http://www.awesomescreenshot.com/image/3790424/b9df0a11e9d6a87f9644f355acee1134

Thank you so much with your help in this!

Pablo

Hi,
Unfortunately, it's not possible through Theme Options.
If you want to customize it like this, you have to use custom CSS which is a little bit advanced or modify theme files, which we do not support.
Didn't you think about using @media queries to change the width of this box while on mobile?
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
But I see, this is already responsive.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

centurypixel

Hello Pablo,
I am not very advanced in CSS and also I think you may have misunderstood the issue here. The desktop version has the same problem. All I want to do is have the background square wrap around the text without having to provide a fixed width.

Any ideas?

Pablo

I do not understand how do you want to make it look like.

You want to remove that right side padding, am I sure?

Can you explain me it greater?

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next