Category: CSS

Tailor Your Salesforce Community with Custom Theme Layouts

One of the biggest pain points of Salesforce Community templates we heard from our clients was that they didn’t want it to look like a “template” community. With the Winter ’17 release came custom themes, allowing admins and developers to create a custom branded community all while still being able to leverage Salesforce’s standard and custom components.

In this post I’m going to walk you through building and applying a theme to your community. I understand themes can be a little overwhelming to the uninitiated, but once you understand them, and get some experience under your belt, you’ll begin to see the power and control they offer. Continue reading “Tailor Your Salesforce Community with Custom Theme Layouts”

Targeting styles in an iframe in IE9

I recently had the opportunity to work on a project for a large company that was implementing an extensive federated search. In addition to having the search be accessible through their CRM, they wanted this search to be available on their two intranets by way of an iframe. Suffice it to say these intranets were run on pretty outdated platforms because they had to work on much older versions of Internet Explorer, which was the company standard.

My role in this project was the front-end development of the search interface. With this particular issue, I worked with the company’s back-end developers to implement the iframe into the individual intranets. We ran into a few issues, of course, when testing older versions of Internet Explorer including 9 & 10. What happened was that the meta tag on the parent page (the intranet) that sets the document mode was forcing IE to render the web page as IE8, therefore messing with the styles on the search page in the iframe.

Continue reading “Targeting styles in an iframe in IE9”

@font-face CSS Property: The use of and why it’s important

Nothing irritates me more on websites than when I see text rendered as graphics. Okay, I take that back – people not picking up after their dogs irritates me more, but I digress. Why would you put perfectly good H1s or body text in a graphic? Some people would say, “Because I want to use that font, but it’s not web-safe.” We-he-he-he-llll, friend, let me tell you a little secret: the @font-face CSS property is here to save the day.

Continue reading “@font-face CSS Property: The use of and why it’s important”