Forums / Bug Reports / Login page - minor CSS issue

Login page - minor CSS issue

Views: 1,223

Results 1 to 3 of 3
27 Nov 2024, 1:36 PM
#1
richard7315 avatar

richard7315

New Zenner

Join Date:
Jul 2017
Location:
West Midlands, UK
Posts:
51
Plugin Contributions:
1

Login page - minor CSS issue

Hi,
The new 2.1.0 version of Zen Cart looks great – I have been trying out the new features and am very impressed (particularly with the new layout box controller which is much easier to use).

Unfortunately I have noticed a couple of CSS issues on the login page.

The following screenshot shows how the grey background behind the blue text (company details, address details etc.) causes display issues. Chrome developer tools also states that the blue text on the grey background has insufficient contrast.

A quick solution to prevent the grey boxes overhanging and fix the contrast issue would be to remove the grey background from the sub-headers.

Please can the Zen Cart team confirm this minor bug – if it helps I could post any CSS issues on GitHub.

Many thanks
Richard
Attachment 20806

27 Nov 2024, 2:32 PM
#2
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,119
Plugin Contributions:
56

Re: Login page - minor CSS issue

Yep, if you simply replace line 64 of /includes/templates/responsive_classic/css/stylesheet.css with the following, that'll revert to the previous display:

fieldset fieldset legend{text-align:left;padding:0;margin:0;position:relative;left:20px;font-size:120%;display:table;[B]background:none;[/B]}
27 Nov 2024, 6:08 PM
#3
richard7315 avatar

richard7315

New Zenner

Join Date:
Jul 2017
Location:
West Midlands, UK
Posts:
51
Plugin Contributions:
1

Re: Login page - minor CSS issue

Hi Lat9
Many thanks you for your reply – the suggested fix worked perfectly.
Kind regards
Richard