- Posts
Hello Drew,
Thanks for your question regarding call-to-action widgets and background manipulation. I was able to replicate this behavior with the “Wedge” theme. In the case of that theme, it seems that the option is there to make sure the text remains readable over virtually any kind of background image.
Which theme are you using? There is likely a CSS workaround we could introduce, but at the moment that color parameters in the Customizer do not have a dedicated on/off button governing that widget. I’ll mention this to our developers to see what they suggest.
Best,
Christopher M.
Thanks for the update Christopher. Yes I’m working with the Wedge theme. Let me know if there’s a way to modify the CSS in order to ensure that background remains transparent when resized. As it is now when it’s made small (i.e. on a phone) it makes the text illegible in most font colors. Thanks
By a stroke of luck or perhaps sheer persistence I figured it out. Working entirely through the InMotion AMP interface (although you could also use an FTP client and some other editor) go to cPanel > File Manger > Public_HTML/wp-content/themes/boldgrid-wedge/css/color-palettes.css > Right-Click > Code Edit, and search for “.palette-primary .call-to-action-wrapper {background-color: rgba(255, 255, 255, 0.8)” It’s just a couple lines up from the bottom. Change the “0.8” to just “0” and save it. That’s it. I immediately refreshed on my tablets and phone sand the background is gone.
When using the call-to-action widget the background behind the text is transparent, but if the window is resized less than the width of the text box then that box takes on a translucent, white background. Similarly if it’s opened on a phone it has that same translucent, white background. How can I ensure the background for the text remains transparent even when using a small browser window or phone? Thanks,
Drew
- The topic ‘Keep background transparency if resizing CTA?’ is closed to new replies.
