You want to use absolute positioning.
An absolute position element is positioned relative to the first parent element that has a position other than static. If no such element is found, the containing block is html
For instance :
.yourDiv{ position:absolute; top: 123px; }
To get it to work, the parent needs to be relative (position:relative
)
In your case this should do the trick:
.suggestionsBox{position:absolute; top:40px;} #specific_locations_add{position:relative;}
Related Posts:
- Is there a CSS parent selector?
- How can I vertically center a “div” element for all browsers using CSS?
- How do I hide the bullets on my list for the sidebar?
- css transition opacity fade background
- Text-decoration: none not working
- Style disabled button with CSS
- Combine :after with :hover
- How to show tags in my tumblr theme?
- Hex colors: Numeric representation for “transparent”?
- Adding a blurred border in CSS
- img-responsive in Bootstrap does not work
- sizing div based on window width
- Specify multiple attribute selectors in CSS
- How to make certain text not selectable with CSS
- How do I center an SVG in a div?
- Is it possible to enqueue a raw CSS string directly from within a template file?
- How to modify/extend/override a core method?
- Adding style sheet to specific page
- How to dequeue a stylesheet by src, not handle?
- WordPress CSS head info – contents, expansions?
- The correct way to include JavaScript and CSS in my WordPress Themes
- Possible to include ACF text field within inline style tag?
- Is it possible to change the path of a css file that is registered through wp_enqueue_style()?
- wp_head function causes 30px blank space [closed]
- Styling Custom Meta Boxes?
- Customizing wordpress to match your site theme
- Is it better to put CSS in additional CSS or in Child theme styles.css [closed]
- WooCommerce change number of columns in the frontpage
- Adding HTML to the Header, Screws up in IE7
- Efficient way to edit WordPress themes
- How to add an RSS logo to my blogs header?
- Where Do I Find The Astra Default Font Family That All Text Elements Are Inheriting From? [closed]
- Getting page output HTML without request (for CriticalCSS, PurgeCSS)
- How to organize priority of plugins CSS files?
- Responsive Images Warping
- Remove margin from CSS gradient color code
- How can I use one stylesheet for multiple sub-sites on my multi-site network?
- Child theme stylesheet not always overriding “index”
- How do I apply/target CSS to a specific user role or roles?
- Why is this jquery / java script code not working in mobile / in devices?
- Seperate functions.php for part of site
- Internet Explorer ignore my css
- How can I remove the ::after CSS selector which is automaticaly appended to the_content()?
- Hover colour spreading out beyond submit button
- Image getting out of container [closed]
- Clients website shows blank page [closed]
- post_class not working with css
- Adding CSS to Blog Posts?
- Where do I go to change the position of the style.css?
- Using PHP Increment and Conditional Statement to Alternate Loop Background
- Remove a Style Tag from WP Theme
- Simple way to add custom class and ids to individual Gutenberg blocks
- How can I make css inline?
- Namespacing theme CSS
- Conditionally print css style in WordPress
- How to change the standard navigation menu color when using genesis [closed]
- WordPress is not displaying CSS file
- Change class names dynamically added to html elements by wordpress
- Add classes + taxonomy terms to wp_list_pages() output
- Chat window hiding behind Twenty Eleven header
- CSS isn’t rendered on a post but just posted as text [closed]
- Hide Tab Titles from Tabs Block
- Hide product variations at home page
- How to use css only H2 Tag? Site is considering website title also H2 tag and changing its style as well
- WordPress footer always at the bottom of the screen-page
- Dequeing Parent Fontawesome Deques Parent Styles
- TinyMCE on frontend style not working
- WordPress childtheme not loading any CSS/SCSS
- Why can’t blocks be hidden with jQuery?
- CSS: Appearance/Customise display different to actual display
- Border around menu button [closed]
- Correct use of !important
- How to change hover link colour for blog post (body) text only
- Problems styling a Custom Link in a Menu
- H2 On Blog/Article Page Gets Assigned a Class
- Font .woff files loaded don’t correspond to the displayed styles [closed]
- Help locating old custom_css in PHP MyAdmin
- I would like to achieve a two column checkout page
- Twenty Fourteen: Shrinking header while scrolling down
- CSS ?ver=4.7.3 not found
- Custom CSS rules only apply to home page
- CSS in child theme to replace !important in parent theme
- How would I add this code to a single WordPress page?
- How to enqueue google fonts if we use directly in style.css
- WP theme update causes child theme CSS problems
- How to change menu hover color to white on my theme? [closed]
- How to make CSS load live based on options clicked in the theme customizer?
- How can a left and right margin be added to the admin bar without access to “…wp-includes/admin-bar.php”?
- Which files can be replaced in a child theme?
- Inserting a DIV Block Into a Listing of Excerpts?
- WordPress Custom Superfish CSS Problem [closed]
- How do i make a sidebar background color? [closed]
- How to remove audio player styles added by mediaelement.js JavaScript?
- Do you use css reset in your child theme [closed]
- Twenty Fourteen Theme – Moving left sidebar to the right
- WordPress doesn’t respect “ver” parameter in styles [closed]
- why does WordPress custom css convert alpha to hex values?
- how to change the colour of this background
- Can I upload my HTML/CSS/Javascript game onto a WordPress page?
- How to add css to wp_head depending on the user role?