Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
 
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?


Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site

 All Forums
 General
 CSS and Responsive Designs
 css help
 New Topic  Reply to Topic
 Printer Friendly
Author  Topic   

webspaceunlimited
Advanced Member

United Kingdom
147 Posts

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

39437 Posts

Posted - 09/16/2020 :  09:35:53  
Hi there
Could you possibly let us know the URL of the problem page as that would help to see what is going wrong.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

webspaceunlimited
Advanced Member

United Kingdom
147 Posts

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

39437 Posts

Posted - 09/17/2020 :  05:20:35  
I had a look at the site and I have to say I can't see the checkboxes even without the style sheet. Are they on the products.php page or one of the other ones?

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Phil
ECT Moderator

United Kingdom
7186 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

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

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   
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2020 ecommercetemplates.com
This page was generated in 0.02 seconds. Snitz Forums 2000