| 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 |
|
css help
