Title: Assistance please
Last modified: May 18, 2019

---

# Assistance please

 *  [trapbarn](https://wordpress.org/support/users/trapbarn/)
 * (@trapbarn)
 * [6 years, 12 months ago](https://wordpress.org/support/topic/assistance-please-4/)
 * Hi,
    As a mid-range septuagenarian ,I’m having a hard time learning code for 
   WordPress and would appreciate some help with a snippet that has flagged up 3
   warnings. The code is…
 *     ```
       /* Suggestion: Sticky bar background when scroll: */
       .fusion-header-wrapper .fusion-header-backface.fusion-sticky-shadow {
       transform: background 0.3s ease;
       }
       .fusion-header-wrapper.fusion-is-sticky .fusion-header-backface.fusion-sticky-shadow {
       background: rgba(255,255,255,0.8) !important;
       }
       /* Code ends */
       ```
   
 * Warnings say that there are two incidences of **Don’t use adjoining classes.**
 * And one instance of **Fallback background (hex or rgb) should precede RGBA background.
   Use of !important.**
    Any help would be appreciated.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fassistance-please-4%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [ProjectArmy](https://wordpress.org/support/users/supporthero/)
 * (@supporthero)
 * [6 years, 12 months ago](https://wordpress.org/support/topic/assistance-please-4/#post-11546286)
 * The first warning “Don’t use adjoining classes” refers to `.fusion-header-backface.
   fusion-sticky-shadow`. This is valid CSS, but older browsers like Internet Explorer
   6 can have problems with 2 adjoining classes. But, that’s a very old browser 
   and I wouldn’t worry about. Warning can be ignored.
 * The second warning about fallback color, you simply need a HEX color:
 *     ```
       .fusion-header-wrapper.fusion-is-sticky .fusion-header-backface.fusion-sticky-shadow {
       background: rgba(255,255,255,0.8) !important;
       background: #FFFFFF;
       }
       ```
   
 * Also, I believe “transform” isn’t what you need. What you’re looking for is “
   transition” and using background-color property. The updated code below should
   do the trick:
 *     ```
       /* Suggestion: Sticky bar background when scroll: */
       .fusion-header-wrapper .fusion-header-backface.fusion-sticky-shadow {
       transition: background-color 0.3s ease;
       }
       .fusion-header-wrapper.fusion-is-sticky .fusion-header-backface.fusion-sticky-shadow {
       background-color: rgba(255,255,255,0.8) !important;
       background-color: #FFFFFF;
       }
       /* Code ends */
       ```
   
 * You can put your CSS code into CSS Validator, which is more accurate than built-
   in WordPress warnings.
 * Again, you can ignore adjoining classes warning.
 *  Thread Starter [trapbarn](https://wordpress.org/support/users/trapbarn/)
 * (@trapbarn)
 * [6 years, 12 months ago](https://wordpress.org/support/topic/assistance-please-4/#post-11546435)
 * You are a star! many thanks.
 *  [ProjectArmy](https://wordpress.org/support/users/supporthero/)
 * (@supporthero)
 * [6 years, 12 months ago](https://wordpress.org/support/topic/assistance-please-4/#post-11548841)
 * You’re welcome, happy to help.

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

The topic ‘Assistance please’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 2 participants
 * Last reply from: [ProjectArmy](https://wordpress.org/support/users/supporthero/)
 * Last activity: [6 years, 12 months ago](https://wordpress.org/support/topic/assistance-please-4/#post-11548841)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics