Okay
  Public Ticket #2572106
Typography Attribute
Closed

Comments

  • Nabil Redmann started the conversation

    The Typography-Attribute is set up with a title, name and selector:

    1. Title : `Titel Schrift`
    2. Name: `typo_titel`
    3. Selector1:  `> section > header > label`
    4. alternatively tried: `#{{uc_id}} > section > header > label`


    The problem:

    We cant figure out, how the selector is handled (is it prefixed somehow?).

    Also: There seems to be a problem with the css/html/JS tabs, the `typo_titel` var and its underlying properties are not showing up. (Same seems to be true for the margin attribute).

    UE Version 1.4.49

  •  1,173
    Amit replied

    its simpler than this 

    just give the title a class. 

    and in the selector just add a dot . with the class name. 


  • Nabil Redmann replied

    Feel free to answer my points. To help you, I rephrase them and add some gathered info:

    1. The selector from the selector field string is prefixed with some class (there is no Twig-variable for it), not being able to overrule the `#{{uc_id}}` in own styles. That needs to be fixed: ether by a var like `uc_class` to replace `#{{uc_id}}`, or change the generated prefix class to use the ID as well. Is this going to be tackled?

    ```

    #uc_fab_mit_ausfahrbarem_content_v2_elementor11355 div.ue_fix_elemhost > section > header > label {
        padding: 0; /* has priority, is set in style-tab */
    }

    .elementor-307 .elementor-element.elementor-element-5809a56 div.ue_fix_elemhost > section > header > label.ue_fix_label1 {
        padding: 0px 10px 0px 10px; /* is set by elementor attribute */
    }

    ```

    2. There seems to be a major bug: attributes of type margin, padding, font, etc. do not show up in the vars list. Is this going to be fixed?


    EDIT: Is there any way (or trick) to access these properties by twig? (For my js scripts)

  •   Max replied privately