Okay
  Public Ticket #1329192
button
Closed

Comments

  • dorongabay started the conversation
    October 9, 2017 at 7:47pm

    I want to change the CSS "after mode" in the button menu categories portfolio to:

        background-color: #000000;
        color: #ffffff;
        padding: 7px 6px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 19px;
        margin: 1px 1px;
        transition-duration: 0.4s:

    and to remove the underline i write CSS this:

    .wrapper a:after {
        background: transparent !important;
    }

    but because this i does not success give my CSS "after" to the button

    tnx

  •  1,559
    Laborator replied
    October 10, 2017 at 6:55am

    Hi there,

    Can you please try to be very specific about the question and explain it more to us, in this way we can easily understand you and give you the proper answer

    Please include links or screenshots from the part of the theme where you want to change.

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  • dorongabay replied
    October 10, 2017 at 9:47am

    now i can just to control the "foucs mode" button (see the screenshots 1)

    the css code:

    .product-filter ul li a:focus {
    background-color: #000000;
    color: #ffffff;
    padding: 7px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 19px;
    margin: 1px 1px;
    transition-duration: 0.4s;
}


    i want to use "after mode" button with this css code:

    background-color: #000000;
color: #ffffff;
padding: 7px 6px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 19px;
margin: 1px 1px;
transition-duration: 0.4s;

    but the support give my this code to remove the original design button (see the screenshots 1.

    2):

    .wrapper a:after {
    background: transparent !important;
}

    i want to remove all anderlin original from all the site and change the "after" just in the category portfolio button.

    :)

  •  1,559
    Laborator replied
    October 11, 2017 at 7:13am

    Hi there,

    Can you please disable the Maintenance/Coming Soon mode, since we can't even access the site and see the issue live.

    Regarding the question, I think you have misunderstood what the :after pseudo-element is used for, it is not as the :hover for the mouseover moves but the after is used for adding content after the element, the same applies for the :before tag.

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  • dorongabay replied
    October 11, 2017 at 7:47am

    hi i disable the Maintenance/Coming Soon mode now

    http://dorongabay.com

  •  1,559
    Laborator replied
    October 12, 2017 at 6:52am

    Hi there,

    I still didn't understand what you want to achieve, if you can be more clear so we can understand you.

    If you mean to change the active state of the filter then add the following css to Custom CSS:

    .product-filter ul li.active a {
    background-color: #000000;
    color: #ffffff;
}

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  • dorongabay replied
    October 12, 2017 at 8:48am

    Hii
    First of all, thank you
    You did understand me right, that's what I wanted,
    now I wanted to know 
    how I do the same thing with the main menu :)

    tnx



  •  1,559
    Laborator replied
    October 13, 2017 at 6:27am

    Hi again,

    Try adding the following CSS for the menu:

    .main-header.menu-type-full-bg-menu .full-screen-menu nav ul li.current-menu-item a {
    background-color: #ffffff !important;
    color: #000000!important;
    margin: 7px 6px !important;
}

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group