Title: Stumped
Last modified: August 30, 2016

---

# Stumped

 *  Resolved [David_G](https://wordpress.org/support/users/questas_admin/)
 * (@questas_admin)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/stumped-4/)
 * OK, I’m decent with CSS and [@media](https://wordpress.org/support/users/media/)
   but this has me stumpted.
    How do I get the background image on the page to not
   display but display the text on mobile devices. I am talking about the page bg
   not the theme bg. I cannot figure out the selectors on this one. Totally stumped.
   [SITE LINK](http://youneedthissite.com/questas/)
 * Thank You

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

 *  [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/)
 * (@rdellconsulting)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/stumped-4/#post-6749788)
 * Getting a 404 on that link
 *  Thread Starter [David_G](https://wordpress.org/support/users/questas_admin/)
 * (@questas_admin)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/stumped-4/#post-6749816)
 * Wow, my server got wiped. ALL the files are gone… Working on restoring.
 *  Thread Starter [David_G](https://wordpress.org/support/users/questas_admin/)
 * (@questas_admin)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/stumped-4/#post-6749844)
 * Ok that was a nightmare. I have it back up and running BUT with a new link location.
 * [NEW SITE LINK](http://youneedthissite.net/questasmasonry/)
 * Thanks for your patience.
 *  [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/)
 * (@rdellconsulting)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/stumped-4/#post-6749873)
 * Parallax looking good!
 * Not sure I understand what you need. I guess it’s Inspect is showing:
 *     ```
       element {
           background-image: url("http://youneedthissite.net/questasmasonry/wp-content/uploads/2015/11/Yard-12.jpg");
           background-size: auto 1250px;
           background-repeat: no-repeat;
           min-height: 750px;
           margin-left: -10px;
           margin-right: -10px;
           padding-left: 10px;
           padding-right: 10px;
           border-left: 0px none;
           border-right: 0px none;
           background-attachment: fixed;
           background-position: -645.536px 217.534px;
       }
       ```
   
 * As you’re using a page builder, try this:
    `#pg-754-1.panel-grid .ppb-row {}`
 *  Thread Starter [David_G](https://wordpress.org/support/users/questas_admin/)
 * (@questas_admin)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/stumped-4/#post-6749883)
 * I am trying to kill the BG image “yard12.jpg” while keeping the text.
    I am trying
   to do this for mobile devices as the parallax isn’t responsive.
 * Those I have tried those and did try again. The 2nd snippet kills the entire 
   row (image and text), the 1st doesn’t do anything. I have tried different combinations,
   still can’t kill the BG.
 *  Thread Starter [David_G](https://wordpress.org/support/users/questas_admin/)
 * (@questas_admin)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/stumped-4/#post-6749885)
 * I added the following classes to the rows and column and text:
 *  row class – killbackground
    column class – keeptext css class in text editor–
   keepthistext
 *  Thread Starter [David_G](https://wordpress.org/support/users/questas_admin/)
 * (@questas_admin)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/stumped-4/#post-6749896)
 * I have figured it out, here is the solution I came up with. I haven’t applied
   it to [@media](https://wordpress.org/support/users/media/) yet and have to deal
   with the text spacing to the top, BUT I managed to hide the BG and keep the text.
   I will show the solution for anyone else that might want to use Pootle Page Builder
   with CZR. (Using the classes listed in my previous post)
 *     ```
       .killbackground {
       visibility: hidden;
       }
       .keeptext {
       visibility: visible;
       }
       ```
   
 *  Thread Starter [David_G](https://wordpress.org/support/users/questas_admin/)
 * (@questas_admin)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/stumped-4/#post-6749904)
 * Finally for those following this thread. SOLVED using the following CSS.
 *     ```
       @media (max-width: 767px){
       .killbackground {
       visibility: hidden;
       margin-bottom: -150px; /* over-ride margin */
       }}
       @media (max-width: 767px){
       .keeptext {
       visibility: visible;
       }}
       @media (max-width: 767px){
       .keeptext {
       position: relative;
       top: 0px !important;
       }}
   
       /* original setting for parallax */
       .keeptext {
       position: relative;
       top: 280px;
       }
       ```
   

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

The topic ‘Stumped’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png)
 * Customizr
 * [Support Threads](https://wordpress.org/support/theme/customizr/)
 * [Active Topics](https://wordpress.org/support/theme/customizr/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/customizr/reviews/)

 * 8 replies
 * 2 participants
 * Last reply from: [David_G](https://wordpress.org/support/users/questas_admin/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/stumped-4/#post-6749904)
 * Status: resolved