Dawn Theme Customization - Request to Developers

Store Design
1

Hi there,

The Dawn theme does not allow custom IDs or classes input when adjusting settings for a component/section. Some other themes have this and it allows you to do custom CSS in a custom.css file with confidence. Right now making CSS customizations to the Dawn theme through a custom.css file is limited.

Is it possible that any of the Dawn Theme developers who contribute code to the official theme follow the forums and might consider this feature request?

2

Hi @JoeSonne ,

We can add a custom class or id in any section on the dawn theme wherever you need. kindly let me know in which section you want to add a custom class or id.

3

Is this done in the actual page.page-template-title.json file?

So if I go to the .json file for the page template and see:

{
  "sections": {
    "166197007037b441c1": {
      "type": "image-banner",
      "settings": {
        "image": "shopify:\/\/shop_images\/gallery_header5_2x_09235a6d-9ec8-4d37-85c6-jamesb007.jpg",
        "image_overlay_opacity": 0,
        "image_height": "small",
        "adapt_height_first_image": false,
        "desktop_content_position": "middle-center",
        "show_text_box": true,
        "desktop_content_alignment": "center",
        "color_scheme": "background-1",
        "mobile_content_alignment": "center",
        "stack_images_on_mobile": true,
        "show_text_below": true
      }
    },

Is this where I add a custom id or class? What is the proper syntax to insert it there?

I see in the source code that ‘166197007037b441c1’ is part of the section ID:


Shouldn't the ID remain static for the section on that page? I'm wondering why or how the ID is changing when I have done custom css in a custom.css file for a section and later on the css no longer works because the ID has somehow changed.