Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Adding a custom bkg in the footer area

footer bkg
    • 9 years, 2 months ago jkherman
      Participant

      Expired

      Hello,

      I found this custom CSS on here for adding an image for the footer region of my tower themed site. Can somebody assist if there is a different way, as this isn’t working. Thank you.

      footer#footer .inner {
      background-image: url("https://www.windows-andmore.com/2016wp/wp-content/uploads/2016/10/wam-skybkg.jpg");
          background-color: rgb(34, 34, 34);
          background-size: cover;
          background-position: center center;
          background-repeat: no-repeat;
      }

      Thank you.

    • 9 years, 2 months ago Mirela
      Participant

      Hello,

      I tried to add the custom css to your site’s footer via inspect element and it does work. Please see screenshot. Try to add !important to it and try again. It will become like this:

      footer#footer .inner {
      background-image: url("https://www.windows-andmore.com/2016wp/wp-content/uploads/2016/10/wam-skybkg.jpg") !important;
          background-color: rgb(34, 34, 34) !important;
          background-size: cover !important;
          background-position: center center;
          background-repeat: no-repeat !important;
      }

      Let us know.

      Best regards!

    • 9 years, 2 months ago jkherman
      Participant

      Expired

      Here is what I added ::

      /*jQuery(document).ready(function(){
      
      footer#footer .inner {
      background-image: url(https://www.windows-andmore.com/2016wp/wp-content/uploads/2015/10/wam-original-bkg.jpg) !important;
          background-color: rgb(34, 34, 34) !important;
          background-size: cover !important;
          background-position: center center;
          background-repeat: no-repeat !important;
      }
      
      });*/

      It still isn’t showing up? Thanks.
      https://www.windows-andmore.com/2016wp/

    • 9 years, 2 months ago Mirela
      Participant

      Hello,

      You are adding the code in the wrong place. I see the /*jQuery(document).ready(function(){ so i assume you added it into the Custom JS Code or Tracking Code which is not correct. This is a css code so it should be added into the Custom CSS Box in your General Options. See screenshot.

      Best regards!

Viewing 3 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password