Figuring out what panel you are in to change settings on CSS

Hello there,

I am a novice site builder, who is incurring some small issues.

To personalize better my page, i need to do some CSS changes, however i never know what section I am working with and how I can change it.

I need to change the background of a specific paralalx widget, how do I do it?

It would be the 5th widget going down, and I cannot find a way, I can only change certain ones

Hello is anyone there?

Hello there,

I hope you are doing well today.

Your website is in maintenance mode so I cannot view it.

In order to change the background image, you need to go to Appearance > Widgets, locate the correct widget area and replace the background.

Best Regards,

Hello, Unfortunately that told me nothing.

If you can see the screen i attached, I have the area that says “Modular Design” which has a background color of #f5f5f5

I now need the area that says “the traveling Case” to have that same #f5f5f5 background.

Also is there a way in changing the padding per section?

Thanks for the prompt response,

Giorgio Rigato


Use this to change the background, Use this Custom CSS in Appearance -> Customize -> Additional CSS.

.shapely_home_parallax section { background-color: #f5f5f5; }

If parallax section appears one below another, then one folllow #f5f5f5 and next background is white. You can change that using the above CSS, so that all parallax have same background.

To change the padding between one parallax to another parallax widget, use this Custom CSS,

.shapely_home_parallax {
    padding: 0 16px;

Let us know,