1 reply [Last post]
Dynamata
Dynamata's picture
Offline
newbie
Last seen: 10 years 5 days ago
Timezone: GMT+1
Joined: 2012-08-11
Posts: 1
Points: 2

I want to find the CSS script that controls the size & location of the blue/silver Search box underneath the "WP Local Places" logo. In Firefox, hovering the mouse pointer in a corner of the blue box & right-clicking then left-clicking "Inspect Element" identifies the box as "div#main-search". To see the code, click "Tools/Web Developer/Style Editor" in Firefox.

My knowledge of CSS is basic & I have spent hours trying to solve this, appreciate some help. Tired

Site: http://www.hirestreet.co.uk/

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 24 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

From Firebug addon

See line 314 et seq http://www.hirestreet.co.uk/wp-content/themes/wplocalplaces/style.css

#main-search {
    clear: both;
    overflow: hidden;
    padding: 10px 0 0;
}
The box's size is controlled by the width of its parent, and the height of its children.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.