New Text and Headlines are Black rgba(0,0,0,1)

I started a new site with X Pro 1.2.4. As I began laying out content into sections, I noticed that all my text was black and the same size (even all the different headlines). I had not set up any templates for colors or fonts yet so I just assumed that would be corrected after branding had been established.

I’ve added temporary colors to the templates and still every new text element or new headline element are still defaulting to rgba(0,0,0,1) black. This morning I updated X Pro to 1.2.6 and I am still having the same problem.

There also seems to be an issue with headline sizes. They have all defaulted to 1em with no margin or padding.

Hello There,

Thanks for writing in! Please be aware that all v2 text element and other elements too has a default black color, margins, and paddings.

When you add it, you will have to change it individually according to the desired color and other settings. Only the classic elements follows what is being set globally in X > Launch > Options. And that is because v2 elements are independent and can be styled separately from other elements.

Hope this make sense.

Two follow up questions:

  1. Is there a preferred way to style v2 elements with CSS?
  2. Is there any way I can easily transfer the elements on a page from v1 to classic? (I’ve inserted text into v2 headline and text elements, no other changes to color/size/etc.)

Hi there,

V2 elements have built in options which adds the CSS styles directly to the element. This would mean that the styles set in the element’s setting would get the higher precedence. However, you could add a class to the element and make the selector more specific than the default CSS selector added through the settings or by using the !important rule.

You will have to recreate the elements to the classic elements because there is no way of automatically converting v2 elements to classic elements at the moment.

Hope this helps.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.