[artthescienceParticipant]

Hello there,

Can you please provide instructions or the custom CSS to make
the changes in the attached photo.

Thank you so much!

[RupokMember]

Hi there,

Thanks for writing in!
You can add this under Custom > CSS in the Customizer.

.x-sidebar.right {
  padding-left: 25px;
  padding-right: 25px;
}

Hope this helps.

Cheers!

[artthescienceParticipant]

Thank you so much, that did in fact centre the content in the sidebar.
Now how do I make the rhs white like the lhs (see the photo I attached previously)?

Thank you so much!

[ThaiModerator]

Hi There,

Please try with this CSS:

body,
.x-sidebar {
background-color: #fff;
}

Hope it helps 🙂

[artthescienceParticipant]

This reply has been marked as private.

[LelyModerator]

Hello There,

You can reset the gray background image the comes when you install the demo. Then set background color to white.
Go to Appearance > Customize > Layout and Design > Background Pattern and Background Image > Select image for both then click Save. Then remove the image and click Save again. Then select white for Background Color.

Hope this helps.

[artthescienceParticipant]

Thank you, that helped, but I now lost the background grey for the sidebar background (see weblink in private message).
Is there a way to get that back?

[Paul RModerator]

Hi,

You can add this under Custom > CSS in the Customizer.

body .x-sidebar.right {
    background: url(http://theme.co/x/demo/ethos/1/wp-content/uploads/sites/2/2014/05/neutral1.png) top left repeat;
    padding:20px 25px;
}

.home .x-container>.offset {
    margin-top:0;
}

.home .x-flexslider {
    margin-bottom:0;
}

.home .x-main.left {
    margin-top:30px;
}

Hope that helps.

[artthescienceParticipant]

Thank you for your help!

[Prasant RaiModerator]

You are most welcome 🙂 .

[Author]

Posts