Docs

[BradleyB]

Hi,

I have a custom headline with a custom icon. I am using the following code for my custom icon:

.h-feature-headline .x-icon-film:before {
content: url(image.png);
}

However, the icon is not centered with the text, and needs a larger right margin. I have been unable to style the headline itself without also styling the icon. How can I target only the text in order to center it with the icon and give it more space between the icon? Thanks so much!

[BradleyB]

This reply has been marked as private.

[Rahul]

Hi,

Please add the following custom css :

.x-brand img {
  padding-top:12px;
}

Thanks

[BradleyB]

Thanks for your reply. I think there has been a misunderstanding, though.

I am not referring to the logo in the header. The issue I am having is the the custom headline “connected mind and body = healthy.” As you can see, the text is not centered with the icon, and there is not enough space between them. Does this make sense? Thanks

[Darshana]

Hi there,

I see that you’re using the following custom CSS with icon image.

.h-feature-headline .x-icon-film::before {
    content: url("http://treehouserecovery.com/wp-content/uploads/2016/05/chemical-icon.png");
}

Please resize your icon to the same of the other icons OR else assign a special class to that featured headline and use the following CSS.

.my-special-class-name span {
    padding-left: 45px;
}

Hope that helps.

[Author]

Posts