Docs

[worldofjames]

Hi there. I’m creating a new site which is currently underdevelopment. I’d like the main home page to consist of an Essential Grid as on the attached design.

Before I create the grid to go live, I’d like to do three things

1. Remove the container around the main content section – lines and shadows
2. Make the content and sidebar a unified color
3. Differentiate the sidebar from the main content with a thin grey line.

I’ll post log-ins/URLs on the next post.

Many thanks in advance
James

[worldofjames]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for writing, #1 you can add this under Custom > CSS in the Customizer.

/*remove the main content box shadow*/
.x-main .entry-wrap {
	border-radius: 0;
    box-shadow: none;
}

#2 Main content and sidebar already shared the same background color. Please clarify.

#3 Add this on your custom CSS as well.

/*thin gray line*/
.x-sidebar {
    border-right: 1px solid #b3b3b3;
    padding-right: 20px;
}

Hope it helps, Cheers!

[worldofjames]

Hi there

Thanks great service as ever…

re #2, the reason they are the same colour is that I have switched the sidebar to white to match the content area. ideally, I’d like them both to be light grey…

Cheers

[Joao]

Hi There,

Go to Appereance > Customizer > Layout and design and select the desired color, let´s say rgb(243, 243, 243)

Than go to Appereance > Customizer > Custom CSS and add:

.entry-wrap {
background-color: rgb(243, 243, 243);
}

Hope it helps

Joao

[Author]

Posts