Author |
Topic  |
|
webspaceunlimited
Advanced Member
United Kingdom
147 Posts Pre-sales questions only (More Details...)
|
Posted - 09/16/2020 : 07:35:20
|
I am just reskinning a customers website and having a few issues with the css I have the design working fine and the cart working fine - put them together and its not fine lol Issue is around 2 areas 1) the checkbox on edge and safari is none existent - fine on phones and tablets 2) on the cart page the form when showing * wraps to next line so its always in the format of * name
not * Name
What i am wondering is , is there any specific class rule for checkbox on the etc css I could tweak - or indeed any classes for the formatting of the * name, * address type elements
Thank you
|
|
Vince
Administrator
39851 Posts |
|
webspaceunlimited
Advanced Member
United Kingdom
147 Posts Pre-sales questions only (More Details...)
|
Posted - 09/17/2020 : 04:16:15
|
Hi Vince, hope your well and safe :)
Okay this is a link to the shopping cart grafted to the back of the existing website - so not part of the live site navigation https://www.rackinginstallationcompany.co.uk/products.php
I know the issue is in the css at https://www.rackinginstallationcompany.co.uk/css/colorblocks-style1.css (if I remove the style sheet the checkboxes are large enough and the * name stays on the same liine)
I thought if they did have any specific css name I could add the relevant css to fix it rather than run through a large css file and remove the bits causing it lol
|
 |
|
Vince
Administrator
39851 Posts |
|
Phil
ECT Moderator
United Kingdom
7246 Posts |
Posted - 09/17/2020 : 05:57:50
|
For the checkboxes try removing the following in colorblocks-style1.css
input, textarea, select { -webkit-appearance: none; /* 1 */ display: block; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 20px; border: 1px solid #d6d6d6; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; background: #fff; }
and for the field labels remove display: block; from below or remove it all if there's no knock effect
label { display: block; margin-bottom: 5px; }
There's probably more but that's a starting point for you

* Database Migrations and Conversions* * ASP to PHP Cart Conversions* *Contact Us* *Buy The PHP Capture Card Plugin* *Rate Our Services/View Our Feedback* |
Edited by - Phil on 09/17/2020 06:09:30 |
 |
|
webspaceunlimited
Advanced Member
United Kingdom
147 Posts Pre-sales questions only (More Details...)
|
Posted - 09/17/2020 : 07:13:32
|
Hi Vince
sorry the checkboxe are on the checkout page so add the test product co to the cjheeckout (cart.php) and there should be a checkbox to tick next to terms and conditions and signing up to newsletter - its on that page the * name forces a line break
- Thanks Phil will take that out now and see what happens - thanks for the input ill let you know
|
 |
|
webspaceunlimited
Advanced Member
United Kingdom
147 Posts Pre-sales questions only (More Details...)
|
Posted - 09/17/2020 : 07:17:39
|
Phil superstar!!! thank you
It has been driving me nuts - I had edited "I thought" all of the fields for forms from the style sheet -
Brilliant really really pleased thank you :)
|
 |
|
|
Topic  |
|