Docs

[mtusa]

hello I am trying to recreate this element in integrity. http://theme.co/x/demo/integrity/5/
See picture attached. They appear to be boxes with box shadow.
Could you please direct me in how to achieve this?

Thank you!

[Joao]

Hi There,

This is the Promo Cornerstone Element

Hope that helps,

Joao

[mtusa]

Hello, we are trying to customize the promo box with a custom header css class and the code isn’t working. Could you let us know how to change the font of the header? We currently have the promo boxes on a page called “test”. Everytime we change the font-family name in the css it doesn’t change the font.
Please advise.

Thank you!

[Lely]

Hi There,

To customize the font, please add custom-x-promo on the promor element class field. Then add the following custom CSS:

.custom-x-promo .h-custom-headline {
    font-family: "Neuton",serif; /*Change to your preferred font*/
}

If this doesn’t work, please share your page URL so we can check further.

Cheers!

[mtusa]

This reply has been marked as private.

[Jade]

Hi there,

I tried the login details but they seem to be incorrect. Kindly double check.

Thanks.

[mtusa]

This reply has been marked as private.

[John Ezra]

Hi there,

Thanks for updating the thread! Sorry, but which page(s) is/are the promo elements in question located? Thanks!

[mtusa]

Its located on the test page.

[Joao]

Hi There,

I have created on your Test page a promo element added a h4 title a text.

To adjust the font you will need to add the following code to Appereance Customizer Custom CSS

.x-promo-content, .x-promo-content h4.mtn  {
    font-family: "Neuton",serif; 
}

If you decide to change the h4 for another type of title you also need to adjust the CSS code.

Hope it helps,

Joao

[mtusa]

I’m sorry but I don’t see where you added that promo. I think we were working it at the same time and I updated with my changes and it might have not saved yours? I noticed that cornerstone was added to that page (which we don’t use). did you add it there?
I would like to change the font of the headline of the first promos. I like the layout of those promos. I even added a class to change the font but its not registering it. .cool-header is where we added the font-family code but its not changing the font. 🙁
Do we just not have that font?

[Joao]

Hi There,

Please have a look at http://elzinc.us.com/test/

Hope that helps,

Joao

[Author]

Posts