• 

  Bas Kling

  Participant

  May 20, 2020 at 12:17

  Hi

  Is there an easy way to select different background images files for let’s say a footer, in desktop mode vs smartphone mode?

  #238061 Copied Theme version: xstore WooCommerce version: 4.1.0
  4 Answers
  

  Rose Tyler

  Support staff

  May 20, 2020 at 13:32

  Hello,

  Custom CSS code can be used in Theme Options > Theme Custom CSS.

  Regards

  #238076 Copied
  

  Bas Kling

  Participant

  May 20, 2020 at 13:47

  Can you help me identifying which objects/elements to address?

  #238078 Copied
  

  Rose Tyler

  Support staff

  May 20, 2020 at 14:26

  Footer bg image you can select via Theme Options, then open Chrome Developer tools and inspect code on your site – http://prntscr.com/ske8jv
  so this code can be added in Custom CSS for mobile area-

  footer.footer {
      background-image: url("URL_of_your_image");
  }

  https://www.w3schools.com/css/css_background_image.asp
  To access the DevTools, open a web page or web app in Google Chrome. Either:
  -Select the Chrome menu Chrome Menu at the top-right of your browser window, then select Tools > Developer Tools.
  -Right-click on any page element and select Inspect Element.
  The DevTools window will open at the bottom of your Chrome browser.

  Regards

  #238089 Copied
  

  Bas Kling

  Participant

  May 20, 2020 at 15:01

  Thanks!

  #238095 Copied
• Viewing 5 results - 1 through 5 (of 5 total)