This is not a browser issue. More than that, it's not a bug, it's a feature. You have the Media Storage
set to Database
. If you change that to File System
you should see the image src like {{media url="wysiwyg/Untitled-1.png"}}
.
You can change this setting from System->Configuration->System->Storage Configuration for Media
James, your question is too generic and does not apply to Magento directly. You are probably using a 3rd-party theme which is hard to support in a forum like this. That said, I can tell you what Magento developers typically do to track down this kind of information.
How do I locate inline CSS in Magento?
If the CSS is truly inline somewhere, it's probably in any of 3 places:
- Layout XML [ reference ]
app/design/frontend/[package]/[theme]/layout
- Templates (PHTML)
app/design/frontend/[package]/[theme]/template
- System Configuration
- System > Configuration > General > Design > HTML Head > Miscellaneous HTML
- System > Configuration > General > Design > Footer > Miscellaneous HTML
Searching the code base
To find your code for #1 or 2, use a tool like grep
(Unix) or findstr
(Windows), searching over an entire folder. Here's an example for Unix systems:
grep -rn 'Theme Fonts Settings' /path/to/app/design/frontend/
And if it's in either an XML or PHTML file, this command would find it.
Alternatively, you can use an IDE/code editor tool to search for the string. Seeing that you are working over FTP, you're probably a Windows user and FTP is your deployment process, if not also your means for editing code live. If that's the case, you might not even have access to the commands I'm describing. In that case, you may have to resort to manual labor to verify files based on guesses.
Searching the database
In #3 above I gave you the 2 most common areas to check. It is also possible to search the database for placement of inline CSS in common areas. You can search the whole system configuration table on the database with a query; eg:
select * from core_config_data where value like '%Theme Fonts Settings%' \G;
Often, 3rd-party themes will use system configuration to stuff in a bunch of settings. It may be in there.
If that turns up no answers, try the static blocks table; eg:
select * from cms_block where content like '%Theme Fonts Settings%' \G;
Occasionally a theme might have specific blocks installed to serve content.
Best Answer
You would need to edit your css. It depends on your theme, but look for something in
/skin/frontend/[your_package]/[your_theme]/css/styles.css
. For example if it'sMagento 1.9.1.0
with theRWD/Default
theme, then it would be in/skin/frontend/rwd/default/css/styles.css
.You would change the line that looks something like this:
So, you can just add that to your css file if it's not in it. This is specific for the
RWD/Default
theme:However, on any theme you should be able to use this in your css file:
Or to apply to
<p>
and<span>
sitewide: