background image in footer
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="WPFooter - Schema.org Type" 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
Standard member
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.
Like ocPortal? Want to thank Chris and gang somehow? Then help out in the chat room! It really needs your help! Just open it in a tab everytime you open your web browser, and when you hear a "ding", check it out!
"Those who want help should first be willing to give help."
1 guest and 0 members have just viewed this.
