change footer background image in OceanWP/Elementor

  • Andy

    (@andythreecoaching)


    6 years, 1 month ago

    Just trying to add a background image to oceanWP’s footer (the widget area) which I think is #footer-widgets.

    I’ve pasted this code in the appearance > Customize > Custom CSS area:

    #footer-widgets {
	
	background:url("https://bla") !important;
	background-repeat: repeat-y;

}

    and I also put it in assets > CSS > Style.css

    neither do anything.

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello,

    Try clearing your cache or use a different browser to check the site. Will you please share your site link?

    #footer-widgets {
	
	background:url(https://bla) !important;
	background-repeat: repeat-y;

}
    • This reply was modified 6 years, 1 month ago by Amit Singh.

    I’ve tried it and it works on my website. Are you sure of the url of bla ?

    I assume that instead of bla, you’ve entered a proper image file url ?

    I just add a dummy URL as you did. Use proper image path or URL so that it can properly work.

    Thread Starter Andy

    (@andythreecoaching)

    See, there’s some complicated code surrounding the footer. I’m suggesting that you can’t just hard code it because the oceanWP theme is doing all kinds of stuff with the footer. It’s just such a damn shame that you can totally change the background color but not the background image in the UI. Here are two examples of how the footer’s background is tied up in other code:

    $footer_background = get_theme_mod( 'ocean_footer_background', '#222222' );

    // Footer background
			if ( ! empty( $footer_background ) && '#222222' != $footer_background ) {
				$css .= '#footer-widgets{background-color:'. $footer_background .';}';
			}
    • This reply was modified 6 years, 1 month ago by Andy.
    Thread Starter Andy

    (@andythreecoaching)

    Here’s a screen shot of the code and the part of the site affected in case that helps:

    https://imgur.com/a/bspPJd9

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘change footer background image in OceanWP/Elementor’ is closed to new replies.