Title: Background
Last modified: April 9, 2024

---

# Background

 *  [thebeatbali](https://wordpress.org/support/users/thebeatbali/)
 * (@thebeatbali)
 * [2 years, 1 month ago](https://wordpress.org/support/topic/background-95/)
 * Hi friends. I am a bit of a rookie when it comes to webpage building and maybe
   this has a very simple fix or not. Please help.
 * I want to change the background of my post pages. If you look at the page link
   above you can see the main and sidebar sections are in a box with dropshadow 
   edges. I want to change that to something else and have tried in Astra Child 
   theme, Elementor and in wordpress settings and I can’t find anything that works.
   Nothing changes when I make changes in settings.
 * This makes me think I am looking in the wrong place. Where can I make background
   changes to that page and all post pages? Thank you.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fbackground-95%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Pieterjan Deneys](https://wordpress.org/support/users/nekojonez/)
 * (@nekojonez)
 * [2 years, 1 month ago](https://wordpress.org/support/topic/background-95/#post-17562673)
 * Hi there
 * It really depends on what you want to do. I have been playing around with the
   CSS and the dropshadows are from Elementor CSS. So, I’m convinced that it’s somewhere
   in Elementor.
 * [https://ibb.co/vVxZ0Zy](https://ibb.co/vVxZ0Zy) -> If you change the first line
   there “box-shadow” to what I have in my screenshot, the dropshadow goes away.
 * Unless you want to change the color of the dropshadow.
 * What I usually do in those cases is either go to the “Custom CSS” section of 
   the Customizer and add the new CSS there or install SiteOrigin CSS and let that
   overwrite the CSS of my theme.
 * I use Astra for another website and it has a lot of options but not all options…
   So, it might be that Astra (at least the free version) doesn’t offer what you
   want to do ;).
 * That’s all I could figure out for you. Maybe another forum user sees something
   I’m overlooking. But good luck, hopefully my answer is somewhat useful to you.
 *  [askdesign](https://wordpress.org/support/users/askdesign/)
 * (@askdesign)
 * [2 years, 1 month ago](https://wordpress.org/support/topic/background-95/#post-17684704)
 * Agree with [@nekojonez](https://wordpress.org/support/users/nekojonez/) that 
   it depends on what changes you want to make. You’ve got 2 pieces of the puzzle
   to consider (Astra theme and Elementor builder). Use browser dev tools to identify
   the piece you want to change, find its selector and class, then modify. Place
   the CSS code inside the Customizer or Additional CSS (for block themes).
 * Two examples below are related to Elementor’s variable for background color.
 * For the **overall background** of the page, change the variable to a new color,
   like this:
 * `.elementor-165080 .elementor-element.elementor-element-ee0ab3f:not(.elementor-
   motion-effects-element-type-background), .elementor-165080 .elementor-element.
   elementor-element-ee0ab3f > .elementor-motion-effects-container > .elementor-
   motion-effects-layer {`
   `/* --- original background color used a variable ---*//*---
   background-color: var(--e-global-color-astglobalcolor5); --- */background-color:#
   8fa985;}
 * To change the **background for the main content area**:
   `.elementor-165080 .elementor-
   element.elementor-element-b7165bc:not(.elementor-motion-effects-element-type-
   background) > .elementor-widget-wrap, .elementor-165080 .elementor-element.elementor-
   element-b7165bc > .elementor-widget-wrap > .elementor-motion-effects-container
   > .elementor-motion-effects-layer {/* --- background-color: var(--e-global-color-
   astglobalcolor5); --- */background-color: #cadee5;}
    -  This reply was modified 2 years, 1 month ago by [askdesign](https://wordpress.org/support/users/askdesign/).
 *  Thread Starter [thebeatbali](https://wordpress.org/support/users/thebeatbali/)
 * (@thebeatbali)
 * [2 years ago](https://wordpress.org/support/topic/background-95/#post-17727295)
 * Hi again, I am back. I couldn’t find where the code was you mentioned but anyway
   I think I need to be clearer as to what I want to do.
 * Here is a sample page
 * [https://thebeatbali.com/features/bali-beach-side-clubs/](https://thebeatbali.com/features/bali-beach-side-clubs/)
 * I want to get rid of the entire box look of the two sections on all posts. The
   large main section on the left and right. So each section is without any box,
   just the text and image can be seen. And also being able to change the size of
   the section area. Make it wider or narrower.
 * Like the home page
 * [https://thebeatbali.com/](https://thebeatbali.com/)
 * Where do I find that option? I tried everywhere. Thanks
 *  [askdesign](https://wordpress.org/support/users/askdesign/)
 * (@askdesign)
 * [2 years ago](https://wordpress.org/support/topic/background-95/#post-17728499)
 * If Astra and/or Elementor don’t have the options to make these changes, you could
   do it with your own custom css. To modify anything, you can place the code inside
   the Customizer section:
   **Appearance > Customize > Additional CSS**.
 * **To eliminate the boxes in the main contain area**, I think you just need to
   get rid of the box shadow, like this:
 *     ```wp-block-code
       .elementor-165080 .elementor-element.elementor-element-b7165bc > .elementor-element-populated {
           box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
       }
       ```
   
 * **To eliminate the boxes in the sidebar**, try this:
 *     ```wp-block-code
       .elementor-165080 .elementor-element.elementor-element-5385ed1 > .elementor-element-populated {
           box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
       }
       ```
   
 * Use browser dev tools to identify the piece you want to change, find its selector
   and class, then modify. Place the CSS code inside the Customizer section.

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

The topic ‘Background’ is closed to new replies.

## Tags

 * [layout](https://wordpress.org/support/topic-tag/layout/)
 * [post](https://wordpress.org/support/topic-tag/post/)
 * [widgets](https://wordpress.org/support/topic-tag/widgets/)
 * [wrap](https://wordpress.org/support/topic-tag/wrap/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4 replies
 * 3 participants
 * Last reply from: [askdesign](https://wordpress.org/support/users/askdesign/)
 * Last activity: [2 years ago](https://wordpress.org/support/topic/background-95/#post-17728499)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics