newseed

Have you applied the viewport meta tag? http://www.javascriptkit.com/dhtmltutors/cssmediaqueries3.shtml

Don't know why it would not work for Chrome because I have no clue what your code is now. Best to provide a url of the page you are working on. As for the arrows, those are set by the respective browsers. The only way to overcome that is use jquery. The one I prefer is the bootstrap-select method: http://silviomoreto.github.io/bootstrap-select/

You css property ( li ) do not match your html tag ( select ) and your id does not match as well.

Your site is password protected. Never the less, you can simple apply a div wrapper around the slideshow and add a width that matches the slideshow plus use margin: 0 auto;

input[type=range] { add css styles here }

Remember that <div> and <p> tags are block elements. If you want the background to be the width of the text then you need to apply display:inline; to the css.

Use background-image for the buttons. Use background-position to set the image at the bottom.

You can download it and save it on your server if you want. The only drawback (and not really that important) is that you will have to do that each time if you want to keep up to date on changes.

What have you done so far? Do you have a link of the page you are working on?

Assuming you have FTP, you should be able to access /service_files/ folder to see what image files are listed. Just make sure your images have been uploaded.

It seems that there either a function call not working or missing a css. Here's the rendered source of what I see. <table cellspacing="0" class="variations"> <tbody> <tr> <td class="label"><label for="payment-option">Payment Option</label></td> <td class="value"><fieldset> <strong>Choose An Option...</strong><br> <input type="radio" name="attribute_payment-option" id="payment-option" value="deposit">Deposit<br><input type="radio" name="attribute_payment-option" id="payment-option" checked="checked" value="full-price">Full Price<br><input type="radio" name="attribute_payment-option" id="payment-option" value="price-without-deposit">Price without Deposit<br> </fieldset> </td> </tr> </tbody> </table> The part shown in bold is what causing the extra white space between the image and radio buttons. You might check to see if there is a language settings via WooCommerce to see if Payment Option can be edited. If so, empty that field or disable it. If not, then the alternate is to use some css. .variations td.label label {display: none;} That will make the label tag to not display. If you find that the radio buttons is not far enough over to the left then remove the last 'label' from the css. .variations td.label {display: none;}

The only thing I can think is that you have some css already applied. If so, look for css resets. Odds are that the margins and padding are set to zero.

If you have no real desire to pursue what 'niche' suggested then you can Google "Dynamic Converter".

...in addition to my last post a minute ago, make sure that the order of the linked css file are the same. On one you have fonts.css and then default.css. The other is ordered default.css and then fonts.css.

For sake of trying to solve your problem, let's not assume that one set of fonts are the same as the other. Upload the same fonts and font.css files to both main and beta sits. Don't take anything for granted. As I said before, you can dup your main live site and install it onto another sub-domain.