background image in footer


#7043 (In Topic #1912)
Standard member
gaileder is in the usergroup ‘Fan in training’

how to add a background image to a page footer

I 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 - 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
Online now: No Back to the top


Item has a rating of 5 (Liked by Chris Graham)
Standard member
mythus is in the usergroup ‘Community saint’

I think your best bet would be to edit your theme's global.css

Look for "footer"

You want this:


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."
Online now: No Back to the top
1 guest and 0 members have just viewed this.


Users online:

Manu, John Connor, MVLipwig, Paul D, mytracker, deepu_ms


Forum statistics:
  • 1,340 topics, 5,886 posts, 7,200 members
  • Our newest member is BrillMindzz
Back to Top