CSS Issues

Hi,

I am completely rebuilding my site under v2.1 (the current live site is 1.5.6) using the default responsive_classis template, as before. The main page is working exactly as I expect, although of course configuring the layout is completely different, but straightforward. However, I am setting up the various 'pages' under the 'Information' tab (Shipping & Returns, Privacy Notice, etc.) exactly as before, using the 'Define Pages Editor' in the admin Tools. i have made no changes to any of the CSS Stylesheets, but when I go to view these pages in the storefront they appear in a completely different font to the defaults as set in the stylesheet. Somehow they are being displayed in a 'Font Awesome 6 Free' font, which I can find defined nowhere, I cannot link to the page as it is on an offline development laptop, but a screenshot of the page with Google Chrome Inspect is attached. Any ideas?

Attachment 20838

Quote:

---

Originally Posted by Mikeondraco

Hi,

I am completely rebuilding my site under v2.1 (the current live site is 1.5.6) using the default responsive_classis template, as before. The main page is working exactly as I expect, although of course configuring the layout is completely different, but straightforward. However, I am setting up the various 'pages' under the 'Information' tab (Shipping & Returns, Privacy Notice, etc.) exactly as before, using the 'Define Pages Editor' in the admin Tools. i have made no changes to any of the CSS Stylesheets, but when I go to view these pages in the storefront they appear in a completely different font to the defaults as set in the stylesheet. Somehow they are being displayed in a 'Font Awesome 6 Free' font, which I can find defined nowhere, I cannot link to the page as it is on an offline development laptop, but a screenshot of the page with Google Chrome Inspect is attached. Any ideas?

Attachment 20838

---

A link would help us be certain, but I think you copied formatted text in to the editor field. Check view source

The screenshot is poor quality and pretty much useless, but it looks like it's not affecting anything before the title, even breadcrumbs look OK.

Now, since this is Chrome Dev Tools, there's something about the colors that seems off. Class names are not supposed to be orange, and your "centercolumn" is. I'd say you've missed closing a tag somewhere just above that section and you're still applying the fa class. You can also see at the very bottom of the elements that you have a closing </i> tag, meaning you're wrapping all of your contents inside an <i> element which has a fa class. You've missed something really simple, you just need to find it. :wink: