I need some CSS help, please :)

  • At least I think it’s CSS that I need help with. This is a 2-part question.

    First part
    I’m trying to get the “Subscribe to Comments” plugin to work, but I haven’t even got that far because I’m trying to make it look right first.

    Here’s my test blog: https://familywebwatch.com/blog_test/2005/04/04/another-new-post/

    You’ll see down at the bottom of the comment form that the “notify” checkbox is wrapping. At first I thought it had to do with display:block, but when I commented that out, it didn’t have any effect.

    Any idea on how to make it go to one line?

    Second part
    On that same page you’ll also notice that there are two grey boxes behind the checkbox and text. The style that’s causing those white lines to separate the boxes and the grey boxes themselves is being done by these styles:

    form p {border-color:white;}
    #commentform {background-color:#ebebeb;}

    I want it to stop making those boxes right after the “Submit” button, but can’t figure out how. And to further confuse matters, the live preview makes the boxes even larger. ???

    Your suggestions on how to do this are very much appreciated.

Viewing 14 replies - 1 through 14 (of 14 total)

  • I took out the word “for” <label for=”subscribe” >
    and it put everything on the same line.

    Thread Starter davincim

    (@davincim)

    Thanks for the prompt response!

    So you were left with <label="subscribe"> in the plugin itself? There are a lot of “label for’s…” in there. What does that do exactly?

    I didn’t realize it was part of a plugin, you may still be able to edit the plugin if you can find the section with

    <!– style=”clear: both;” class=”subscribe-to-comments”> –>
    <input type=”checkbox” name=”subscribe” id=”subscribe” value=”subscribe” style=”width: 20px;” />
    <label for=”subscribe”>Notify me of follow-up comments via e-mail</label>

    just leave it <label=”subscribe”>

    Thread Starter davincim

    (@davincim)

    Looking at the code again I noticed that the majority of <label for="________"> is below the line that says not to edit below it. I haven’t tried it yet (lines are starting to blur ?? ), but I’m still wondering why it would work since it seems to be a deliberate part of the code?

    Thread Starter davincim

    (@davincim)

    Looks like we were typing at the same time. ??

    I’ll do as you suggest and post back my findings tomorrow.

    Thanks so much for your help, Papergrl!

    Thread Starter davincim

    (@davincim)

    Well, I removed the “for” from <label for="subscribe"> leaving it to read <label="subscribe">. The only place I could find that was in the subscribe-to-comments.php (the plugin itself). It had no affect. I must have misunderstood you, Papergrl. Could you please clarify?

    Btw, I see that our blogs have something in common, so I’ve added you to my site list. ??

    It doesn’t appear to be changed, did you chmod before you edited the plugin?

    What plugin are you using? Maybe that will help…

    Thread Starter davincim

    (@davincim)

    I think we may be talking about two different plugins then because the instructions I’m following don’t require chmod-ing anything. However, I did change the code in the plugin back to its original form so that I wouldn’t forget. Line 38 is where I thought you were talking about.

    The plugin I’m using is Subscribe-to-Comments 2.0 alpha 3 found here: https://txfx.net/2005/03/28/wp-subscribe-to-comments-20-alpha-2/

    Thread Starter davincim

    (@davincim)

    Oh and one other modification I just remembered: in the plugin itself (Lines 49 and 59) it was suggested to comment out

    <!-- style="clear: both;" class="subscribe-to-comments"> -->

    in the paragraph tag.

    Hey dude. I did a little experiment on my site and this is what I came up with on your site. I replaced this code:

    < p ><!– style=”clear: both;” class=”subscribe-to-comments”> –>
    <input type=”checkbox” name=”subscribe” id=”subscribe” value=”subscribe” style=”width: 20px;” />
    <label for=”subscribe”>Notify me of follow-up comments via e-mail</label></ p >

    with:

    < p style=”width:100%” ><!– style=”clear: both;” class=”subscribe-to-comments”> –>
    <input type=”checkbox” name=”subscribe” id=”subscribe” value=”subscribe” style=”width:25px;float:left;” />
    <label for=”subscribe” style=”width:290px” >Notify me of follow-up comments via e-mail</label></ p >

    Tell me how it goes on your site.

    Oh yea. I forgot to mention since the forums are filtering out the normal < p > I had to insert spaced between < > and the p so don’t forget to edit the spaces out when you use the code.

    Thread Starter davincim

    (@davincim)

    @miraga715 – thanks for taking the time to do that! Maybe I did it too quickly, but while your modification did get everything out to one line, I think it still needs the function inserted there otherwise the user won’t be subscribed.

    Even so, that may be another thing I’ve got to deal with (the functionality of it, that is) because I’ve been wrestling with the look of it up until now. It’s possible I’ve just got too many irons in the fire and missing something. ??

    Again thanks for your help.

    Well .. I didn’t really remove anything … I was just pointing out that format of the <> and the p here in the forums. No problem though. I hope you get everything all fixed.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘I need some CSS help, please :)’ is closed to new replies.