[60607699Participant]

How would we be able to replace a page title text with a Theme X standard icon, e.g. [icon type=”xyz”], so that the icon displays in the header and not the text?

Thanks much!

[CousettMember]

Hi there!
The best way to handle this is with CSS. You will need to add some CSS code under Appearance -> Customize -> Custom -> CSS

/*This puts the image only on post #6608*/
#post-6608 h1 {
    text-indent: -9999px;
    background: url(images/your_logo.png) 10px 10px no-repeat;
    height: 100%;
}

/*This puts the same image on every page*/
.type-page h1 {
    text-indent: -9999px;
    background: url(images/your_logo.png) 10px 10px no-repeat;
    height: 100%;
}

Unfortunately the shortcode won’t work in this case, but you can replace the url in the CSS with the path to your icon file.

[60607699Participant]

Thanks much!

How would we put a link to a page behind the icon?

[ZeshanMember]

Hi there,

You’re most welcome! 🙂

Regarding the link behind the icon, it can’t be handled with CSS. So it requires changes in backend files. Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer, or a service like WerkPress or Elto to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[Author]

Posts