Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1280369
    Effecticore
    Participant

    Hello X Team,

    I have run into the following problem:
    When trying to change the appearance of the Buttons via CSS there are no changes after entering/updating the css code. I want the shadow behind the text to disappear. What I have done:

    Go to “Appearance” > Customize
    Then click on Custom > Edit Global css
    Then changed CSS to the following:

    /*
    // Buttons
    */

    .x-btn {
    font-weight: 700;
    }

    .x-btn.x-btn-alt,
    .button.x-btn-alt,[type=\”submit\”].x-btn-alt {
    border-color: #02aed6;
    background-color: #02aed6;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    }

    .x-btn.x-btn-alt:hover,
    .button.x-btn-alt:hover,[type=\”submit\”].x-btn-alt:hover {
    border-color: #0b8ead;
    background-color: #0b8ead;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    }

    But the buttons still have the shadows.

    Any suggestions?

    Best and thank you

    Lutz

    #1280371
    Effecticore
    Participant
    This reply has been marked as private.
    #1280372
    Christian
    Moderator

    Hey Lutz,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password
    – FTP credentials

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks.

    #1280373
    Effecticore
    Participant

    You should see them posted already. Do you?

    #1280379
    Christian
    Moderator

    Looks like you’ve replied the same time I did so I didn’t see your 2nd reply.

    There’s syntax error in your code (see attachment). Please remove the slashes.

    Thanks.

    #1280438
    Effecticore
    Participant

    Thanks for your swift reply. I removed the slashes but the type within the button still has a shadow…
    Any other ideas? Does it maybe have to do with me having installed the demo content for Agency?

    Best

    #1280444
    Christian
    Moderator

    Sorry I didn’t also see you don’t have the text-shadow property. Please add it to your CSS like this

    .x-btn {
      font-weight: 700;
      text-shadow: none;
    }

    Thanks.

    #1280449
    Effecticore
    Participant

    Great! That works!

    Issue is solved.

    Thanks a bunch!

    #1280458
    Christian
    Moderator

    You’re welcome.

  • <script> jQuery(function($){ $("#no-reply-1280369 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>