Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #309820

    Lely
    Moderator

    Hello There,

    You can change box shadow by updating above CSS to this:

    .x-navbar .desktop .x-nav li .x-btn,
    .x-navbar .desktop .x-nav li:hover .x-btn,
    .x-navbar .desktop .x-nav li .x-btn:hover {
      box-shadow: 0 0.25em 0 0 #5f6768, 0 4px 9px rgba(0, 0, 0, 0.75); /*You can edit the values to achieve your desired style*/
      border: none;
    }

    You add the class mrs or mrl on the register button.
    Please check this link for other helpful classes.
    x-btn-red is a class to define button color. You can delete it if you don’t need it.

    Hope this helps.

    #309940

    GoWall
    Participant

    Oh and also:

    Can I center button shortcodes?

    #309958

    GoWall
    Participant

    Your information has been very helpful. I had one more question about the padding aspect of CSS. If I wanted something like a 5px green border/highlight around the slider shortcode (or an image, video, etc), how should I do that? Is there a way to assign the padding those attributes?

    #310085

    Christopher
    Moderator

    Hi there,

    To center a button add margin:0 auto;display:block; in style field of button shortcode/element.
    You can use inline CSS, just add padding:10px;border:3px solid green; in style field of element or section.

    Hope that helps.

    #345822

    davidheape
    Participant
    This reply has been marked as private.
    #345994

    Lely
    Moderator

    Hello There,

    Thanks for posting in.
    Please add the following custom CSS via Appearance > Customize > Custom > CSS:

    .x-navbar .desktop .x-nav > li > span a {
        margin-left: 7%;
    }

    Hope this helps.