background image in footer
Posted
#6264
(In Topic #1349)
Guest user
how to add a background image to a page footer
HiI am new to Composr. I have created a theme based on Block with a customised header.
I would like to add an image to the footer of Site pages but cannot work out how to do it. The footer seems to be defined by the following:
<footer class="float_surrounder" itemscope="itemscope" itemtype="http://schema.org/WPFooter" role="contentinfo"><div class="global_footer_left">……..
I feel I need to insert some code between contentinfo"> and <div i.e. another <div> with a class that includes the background image but I do not know how to do that as it all seems to be defined within the schema WPFooter.
Any help would be appreciated
I think your best bet would be to edit your theme's global.css
Look for "footer"
You want this:
Code
footer {
background-color: {$GET,dgrad};
margin-top: 2em;
{$BETA_CSS_PROPERTY,background-image: linear-gradient(to bottom\, {$GET,footer_background}\, {$GET,footer_2_background});}
color: {$GET,footer_text};
{$BETA_CSS_PROPERTY,box-shadow: 0 0 2px 2px {$GET,footer_tinting};}
padding: 1.5em;
}
Change the "background-color" to "background-image" and reference your image there.
1 guest and 0 members have recently viewed this.
