Title: CSS help, please
Last modified: June 18, 2023

---

# CSS help, please

 *  [yumiko](https://wordpress.org/support/users/yumiko/)
 * (@yumiko)
 * [2 years, 11 months ago](https://wordpress.org/support/topic/css-help-please-18/)
 * For the “Coats and Sweatshirt” section with flower background, I want to 1) lose
   the big bottom margin and padding and 2) make the background image to be full
   width with the browser.
 * I added the following CSS but it’s not working. Can someone please help me?
 *     ```wp-block-code
       div#post-3168 {
   
         padding-bottom: 0;
   
         margin-bottom: 0;
   
       }
   
       section#sph-3e0dcf0f50d00d2988e5a4f64cf0de25 {
   
         margin-bottom: 0;
   
       }
   
       section#sph-3e0dcf0f50d00d2988e5a4f64cf0de25n {
   
         margin-left: calc(50% - 50vw);
   
         margin-right: calc(50% - 50vw);
   
         width: auto;
   
         background-size: cover !important;
   
       }
       ```
   
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-help-please-18%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [alldridge](https://wordpress.org/support/users/alldridge/)
 * (@alldridge)
 * [2 years, 11 months ago](https://wordpress.org/support/topic/css-help-please-18/#post-16829034)
 * Based on the CSS you provided, I have some insights that might help.
    1. **Incorrect or Extra Identifier:** The third CSS rule is for an element with
       the id `sph-3e0dcf0f50d00d2988e5a4f64cf0de25n`. Please ensure that this is the
       correct ID for the element. A typo or an extra character could be why your CSS
       rule isn’t applying. For instance, you might have wanted to target `sph-3e0dcf0f50d00d2988e5a4f64cf0de25`(
       which appears in your second rule) instead of `sph-3e0dcf0f50d00d2988e5a4f64cf0de25n`.
    2. **!important declaration:** Sometimes, your CSS rules may not be applying because
       of other CSS rules that have higher specificity or are loaded later. In such
       cases, adding `!important` after your declarations might help. For example:
 * div#post-3168 {
   padding-bottom: 0 !important;margin-bottom: 0 !important;}
 * 3. **CSS for Full-Width Background Image:** To make your background image full-
   width, ensure the container of the image is full-width as well. Here’s a standard
   approach:
 * .container-class-name {
   width: 100vw;position: relative;left: 50%;right: 50%;
   margin-left: -50vw;margin-right: -50vw;}
 * Make sure you replace `.container-class-name` with the actual class name or ID
   of your container.
    4. **Browser Cache:** Clear your browser cache after making changes, as your browser
       may still be loading the old version of your CSS.
 * Lastly, keep in mind that the specific theme or builder you’re using may have
   unique quirks or ways of handling CSS, so it’s always a good idea to refer to
   the specific documentation for the theme or page builder you’re using.
 *  [niyaswp](https://wordpress.org/support/users/niyaswp/)
 * (@niyaswp)
 * [2 years, 11 months ago](https://wordpress.org/support/topic/css-help-please-18/#post-16830246)
 * Hi [@yumiko](https://wordpress.org/support/users/yumiko/)
 * Kindly try this code:-
 *     ```wp-block-code
       body div#content section#sph-3e0dcf0f50d00d2988e5a4f64cf0de25 {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
       }
       ```
   
 *  Thread Starter [yumiko](https://wordpress.org/support/users/yumiko/)
 * (@yumiko)
 * [2 years, 11 months ago](https://wordpress.org/support/topic/css-help-please-18/#post-16831183)
 * alldridge and niyaswp,
 * Your CSS worked!!
   Thank you SO MUCH, both of you. Much, much appreciated 😄🙏
 *  [niyaswp](https://wordpress.org/support/users/niyaswp/)
 * (@niyaswp)
 * [2 years, 11 months ago](https://wordpress.org/support/topic/css-help-please-18/#post-16832242)
 * Hi [@yumiko](https://wordpress.org/support/users/yumiko/)
 * Glad it worked!

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

The topic ‘CSS help, please’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [full-width](https://wordpress.org/support/topic-tag/full-width/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 6 replies
 * 3 participants
 * Last reply from: [niyaswp](https://wordpress.org/support/users/niyaswp/)
 * Last activity: [2 years, 11 months ago](https://wordpress.org/support/topic/css-help-please-18/#post-16832242)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics