logo
Welcome to our new AbleCommerce forums. As a guest, you may view the information here. To post to this forum, you must have a registered account with us, either as a new user evaluating AbleCommerce or an existing user of the application. For all questions related to the older version of Gold and earlier, please go to AbleCommerce Gold forum. Please use your AbleCommerce username and password to Login. New Registrations are disabled.

Notification

Icon
Error

Options
Go to last post Go to first unread
Joe Payne2  
#1 Posted : Tuesday, October 6, 2020 12:54:55 PM(UTC)
Joe Payne2

Rank: Advanced Member

Groups: HelpDesk, Developers
Joined: 11/9/2018(UTC)
Posts: 564

Thanks: 122 times
Was thanked: 26 time(s) in 25 post(s)
I've noticed how very differently text paragraphs render on the shopper side versus how the appear in the backend html editor. This seems more than a simple CSS issue but I can't be sure.

Is this normal?


Capture1.JPG (60kb) downloaded 5 time(s).

Capture2.JPG (52kb) downloaded 4 time(s).

Wanna join the discussion?! Login to your AbleCommerce Forums forum account. New Registrations are disabled.

ray22901031  
#2 Posted : Tuesday, October 6, 2020 2:18:28 PM(UTC)
ray22901031

Rank: Advanced Member

Groups: Authorized User, Developers
Joined: 2/17/2019(UTC)
Posts: 909

Thanks: 3 times
Was thanked: 15 time(s) in 15 post(s)
Hi Joe,

First I'm not sure why you're using the default built-in HTML editor, I use Webuilder 2020, I do my edits in Webuilder 2020, then copy and paste into the code window. I couldn't be happier.

Anything that you do in the HTML built-in editor is going to be confined to the body tag area of the bigger page, I seriously doubt the built-in editor takes into account the bigger picture, which can include external CSS formatting when all is said and done.

I also seriously doubt that you can insert stylesheets using the built-in HTML editor for the simple reason it will not be able to place it inside the header tags. The contents of the HTML editor will be inserted between the body tags.

I think what you are experiencing is quite normal.

--------- for those who want a more detailed technical explanation -------------

Another way to look at this is that the built-in HTML editor is probably using the browser built-in CSS.

Going back to CSS basics, in order of importance's:

1. Arthur CSS
2. User CSS
3. Browser CSS

Since no one barely ever uses a User CSS anymore, the contents that you type into the HTML editor, unless the HTML editor itself is programmed otherwise, is using the built-in CSS from the browser, which means what you do in Firefox may display differently in Chrome as you type.

Once the main page is loaded, the Arthur CSS prevails, that your CSS, regardless if it's internal, external or inline.

Edited by user Tuesday, October 6, 2020 3:04:35 PM(UTC)  | Reason: Not specified

Users browsing this topic
Guest (3)
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.