Solved

Can't get rid of extra space around select input

Posted on 2015-02-23
3
87 Views
Last Modified: 2015-02-23
Hi!
For the life of me I can't get rid of the space around the select button. I want it to be next to the word "Radius".

http://cutlersartisan.com/find-our-spirits/

Help! It's driving me mad. This site was build by someone else using Quode. And I'm trying to style the Google Maps plugin with the store selector add on. I'm not sure where the wonkiness is coming from!
0
Comment
Question by:Alicia St Rose
3 Comments
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 500 total points
ID: 40627009
Everything in that section is wrapped with a <pre> tag so whitespace is displayed literally.

Unless there is a reason for it, find and remove:

<pre style="padding-left: 30px;"> and the closing </pre>
0
 
LVL 42

Expert Comment

by:Chris Stanyon
ID: 40627101
As well as the whitepace, you also have the Radius: div set to a width of 150px (.wpgmza_sl_radius_innerdiv1 {} in wpgmza_style.css - line 218). Remove that and the whitespace and it'll sort it out.
0
 
LVL 7

Author Closing Comment

by:Alicia St Rose
ID: 40627478
The client added a shortcode in the Visual Editor which added the <pre></pre> to the the code. Removing them fixed the problem.

Thanks!
0

Featured Post

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Suggested Solutions

I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The purpose of this video is to demonstrate how to update a WordPress Site’s version. WordPress releases new versions of its software frequently and it is important to update frequently in order to keep your site secure, and to get new WordPress…
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…

746 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now