Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Problems with adding CSS to a jQuery .after() element

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #38227
    JosiahB
    Member

    Here is the html … I tried to apply the css inline …

    .....









    .....

    Here is the js code …

    .....
    else
    {
    $("#contact-form").hide('slow');
    $(".success-message1") .after('Your message was successfully sent!');
    $(".success-message2") .after('You should receive a response with in one to two business days.');
    }
    .....

    Here is the CSS …


    .success-message1:{
    top: -7px;
    position: absolute;
    left: 52px;
    font-size: 1.1em;
    }

    .success-message2:{
    font-size: 0.8em;
    position: absolute;
    top: 56px;
    right: 10px;
    left: 47px;

    None of these options worked … Here is a link to my website … http://lynchburgpatriots.webatu.com/Contact.html

    Any help would be appreciated!!!

    Thanks!

    #103498
    Taufik Nurrohman
    Participant

    Maybe you mean:

    $(".success-message1").html('Your message was successfully sent!');
    $(".success-message2").html('You should receive a response with in one to two business days.');

    CSS Selectors doesn’t require colon before bracket:

    .success-message1 {
    top: -7px;
    position: absolute;
    left: 52px;
    font-size: 1.1em;
    }

    .success-message2 {
    font-size: 0.8em;
    position: absolute;
    top: 56px;
    right: 10px;
    left: 47px;
    }
    #103502
    JosiahB
    Member

    Thank you sooo much! Oh, yeah I know CSS selectors do not need colons before the bracket … I had just tried using the CSS Pseudo-element :after and had forgotten to delete the colon.

    Thanks again!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.