# Parallax section background and image not centered

**URL:** <https://colorlibsupport.com/t/parallax-section-background-and-image-not-centered/25123>\
**Category:** Shapely\
**Created:** [March 6, 2020, 3:19pm UTC](https://colorlibsupport.com/t/parallax-section-background-and-image-not-centered/25123 "2020-03-06T15:19:09Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![sarralux](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/s/94ad74/32.png) [@sarralux](https://colorlibsupport.com/u/sarralux)\
**Post date:** [March 6, 2020, 3:19pm UTC](https://colorlibsupport.com/t/parallax-section-background-and-image-not-centered/25123/1 "2020-03-06T15:19:09Z")

</div>

Hi there,

I am starting with WP and shapely and I try to understand how it works…  
Here are my two first questions:

- Background of parallax section seems to be white, except when image is set on the right (it is then grey). Is it correct? Is it possible to modify section background color?
- When image is set on top, it is actually on left-top (the image is not centered). Can I change that?

Thanks for help

---

<div class="post-metadata">

**Author:** ![davisben](https://colorlibsupport.com/user_avatar/colorlibsupport.com/davisben/32/2369_2.png) [@davisben](https://colorlibsupport.com/u/davisben)\
**Post date:** [March 7, 2020, 8:59am UTC](https://colorlibsupport.com/t/parallax-section-background-and-image-not-centered/25123/2 "2020-03-07T08:59:25Z")

</div>

In WP there are plugins that you can refer to with web building features.

---

<div class="post-metadata">

**Author:** ![sarralux](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/s/94ad74/32.png) [@sarralux](https://colorlibsupport.com/u/sarralux)\
**Post date:** [March 7, 2020, 3:56pm UTC](https://colorlibsupport.com/t/parallax-section-background-and-image-not-centered/25123/3 "2020-03-07T15:56:53Z")

</div>

Hi, thanks for your answer.

Actually, I have already develop a WP site (2!) but with a much more simple theme (Twenty Ten). What I want here is to understand how Shapely works.  
As far as I understand, Shapely Home Page is 100% set up with Shapely companion, is it correct?  
If it is possible to use a page builder plugin on Shapely Home Page, could you tell me How?

I am sorry I cannot give you link for the moment, I develop the site localy, but my questions concern basic Shapely Theme features (parallax sections on home page)…

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [March 9, 2020, 10:40am UTC](https://colorlibsupport.com/t/parallax-section-background-and-image-not-centered/25123/4 "2020-03-09T10:40:58Z")

</div>

Hey there

Sarralux, my suggestion is to start with the demo template, if you install it you will see how the theme is working and how page sections are created, please also take a looks in the documentation.  
yes, page builders can be used in the theme

---

<div class="post-metadata">

**Author:** ![sarralux](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/s/94ad74/32.png) [@sarralux](https://colorlibsupport.com/u/sarralux)\
**Post date:** [March 9, 2020, 11:41am UTC](https://colorlibsupport.com/t/parallax-section-background-and-image-not-centered/25123/5 "2020-03-09T11:41:44Z")

</div>

Thanks a lot for your answer Noda.  
I have started with demo template and it is by modifying demo home page that I am building my own home page.

As explained in documentation, I modifyed Demo Home Page using Appearance/Customize/Widget/Home page

At this point, I still have my 2 issues: When I select “top” for image position, the image is not centered (ie. positionned top left) and I cannot change background color (seems to be grey when image position is left and white otherwise).

How can I use a page buidler for Home Page? What pluggin do you recommand?

Thanks for your help

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [March 9, 2020, 1:44pm UTC](https://colorlibsupport.com/t/parallax-section-background-and-image-not-centered/25123/6 "2020-03-09T13:44:57Z")

</div>

Good evening Sarra

I can investigate your problem if you provide access details privately,  
You can use Elementor or Beaver builder 🙂