The XXXX design appears in several places in the Shaka theme. We like it, but we know it doesn’t fit every website, so here’s how to remove it from each place.

1. Page header and footer

The pattern appears at the bottom right of the page header (the area with the page title) and of the footer. To remove it, insert the following CSS code in Appearance › Customize › Additional CSS:

.page-header:after {
  background-image: none;
}

.footer:after {
  background-image: none; 
}

2. About us area on the home page

If you imported the demo content, the pattern also appears in the About us area of the home page, in the two rows below the Portfolio Grid row. To remove it:

1. Edit the home page.
2. In Page Builder, open the settings of the first row below the Portfolio Grid row and click Edit Row.
3. In the Attributes section, delete the background: url(...xes.png...) line from the CSS Declarations field, and click Done.
4. Do the same for the second row below the Portfolio Grid row.
5. Click Update to save the page.

This is one of the many parts that can be customized with CSS. To learn how to make other CSS customizations, visit our help article How to customize your WordPress site with CSS.