Text background over picture

  • aaro

    (@aaro)


    10 years, 4 months ago

    Hi, I’m attempting to add a color background to make the text easier to read when laid over an image. I’ve tried creating a new CSS div with background-color: ffffff, but for some reason this results in a tiny text box and the background image disappears. How can I add background colors to text columns that are laid over an image?

    See the site here: http://www.johannakarkkainen.com/

Viewing 1 replies (of 1 total)
  • Theme Author MageeWP

    (@magictheme)

    10 years, 4 months ago

    Use the magee shortcodes “section” to create the background, fill in the background image url in the background_image will change the background, padding_top and padding_bottom decide the background size, contents_in_container=”yes” to enable the content. below is a example

    [ms_section background_color="" background_image="https://demo.mageewp.com/alchem-pro/wp-content/uploads/sites/21/2015/09/banner001.jpg" background_repeat="repeat"  background_position="top left" background_parallax="no" border_size="" border_color="" border_style="none" padding_top="200px" padding_bottom="200px" padding_left="" padding_right="" contents_in_container="yes" class="fullheight verticlemiddle" id="home"]
<h1 style="color: #fff; text-align:center;">Hello there, this a one-page demo for Alchem theme.</h1>
<p style="color: #fff; text-align:center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis ante sed turpis tristique vestibulum. </p>
[/ms_section]
Viewing 1 replies (of 1 total)

The topic ‘Text background over picture’ is closed to new replies.