# List of CSS classes for custom CSS

Siteoly has a feature to embed external CSS into any website using 'Advanced Settings' sheet. 

See here on how to add custom CSS/JS to your website 

<https://help.siteoly.com/advanced/embed-external-javascripts-css>

**Below are some pointers for CSS classes you could use to configure a few elements**.&#x20;

| **Element**                                                                                                                                                                                                             | CSS Class Name                           |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- |
| Logo image in the Header                                                                                                                                                                                                | **sly-logo**                             |
| Main image (before the content) in the Detailed Page                                                                                                                                                                    | **sly-detailedpage-img-section**         |
| <p>Main image (before the content) in the Detailed Page </p><p><strong>Note</strong>: This is only applicable when the setting in DetailedPage 'Design' column is set to Background Image & Image top & Text bottom</p> | **sly-detailedpage-img-overlay-section** |