• Bea107

    (@bea107)


    Hello

    I have a label field in my login box and it overlaps the box, I know I have to change the CSS but don’t know what bit.

    Using theme Twenty Eleven.

    If you need to look http://www.essard.com

    Regards
    Bea

Viewing 5 replies - 1 through 5 (of 5 total)
  • baszer

    (@baszer)

    hi Bea,

    add this to your style.css

    .widget-area INPUT[type=text], .widget-area INPUT[type=password]
    {
    	width: 115px;
    }

    for more information: http://www.w3schools.com/tags/att_input_type.asp

    please not that you have some errors in your style.css file

    Thread Starter Bea107

    (@bea107)

    Hi Baszer

    I put the text in my child theme and it didn’t work. I looked in the Twenty Eleven style css sheet and couldn’t find the text to make the width change.

    Any ideas?

    Thanks
    Bea

    Michael

    (@alchymyth)

    try:

    .widget_bp_core_login_widget input { width: 95%; }

    btw:

    please remove this invalid section from the end of style.css:

    // Don’t record activity by the site admins or show them as recently active
     function my_admin_stealth_mode(){
     if ( is_site_admin() ) {
     global $bp;
     remove_action(‘wp_head’,’bp_core_record_activity’);
    delete_user_meta($bp->loggedin_user->id, ‘last_activity’);
     }
     }
    add_action(‘init’,’my_admin_stealth_mode’);
    Thread Starter Bea107

    (@bea107)

    Thank you, but still not working.

    I have removed invalid style css.

    Any ideas??? didn’t realise this was so hard.

    Thanks
    Bea

    Michael

    (@alchymyth)

    it is only hard when one dose not at least know the basics of the allowed CSS syntax.

    there is more invalid stuff in style.css of the child theme, for example these <style> and </style> – those are for html files:

    <style>
    input{
    max-width:100%;
    padding: 4px 0 4px 0;
    }
    </style>
Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘label box overlaps’ is closed to new replies.