This topic has 1 reply, 2 voices, and was last updated 9 years by Laura.

  • Author
  • #56110
     tyfarris1
    Participant

    how do i edit colors for homepage search/register box?

    #56232
     Laura
    Moderator

    Hello, do you mean the forms? You can use this code (makes it translarent) and edit each color

    COPY CODE
    
    .revslider-head.absolute-head .form-wrapper {
    margin-top: 138px;
    margin-left: 70%;
    width: 110%;
    }
    .form-header {
    border-left: 10px solid rgba(42, 42, 42, 0.23);
    border-top: 10px solid rgba(42, 42, 42, 0.23);
    border-right: 10px solid rgba(42, 42, 42, 0.23);
    }
    .form-search, .form-header, div.alert-box, div.pagination span.current {
    background: rgba(32, 32, 32, 0.67);
    }
    .form-search {
    border-left: 10px solid rgba(42, 42, 42, 0.23);
    border-right: 10px solid rgba(42, 42, 42, 0.23);
    }
    .form-footer {
    color: #FDFAFA;
    padding: 20px 20px 10px;
    border-left: 10px solid rgba(42, 42, 42, 0.23);
    border-bottom: 10px solid rgba(42, 42, 42, 0.23);
    border-right: 10px solid rgba(42, 42, 42, 0.23);
    background: rgba(32, 32, 32, 0.67);
    }
    .form-search .notch {
    border-top: none;
    }
    .form-search.custom input[type="text"], .form-search.custom input[type="password"] {
    border: 1px solid rgba(61, 61, 61, 0.13);
    }
    .form-search.custom div.custom.dropdown a.current, .form-search.custom input[type="text"], .form-search.custom input[type="password"], .form-search.custom select {
    background-color: #F9FBFC;
    color: black;
    }
    .form-search.custom div.custom.dropdown a.selector, .form-search.custom div.custom.dropdown a.current, .form-search.custom select {
    border: 1px solid rgba(61, 61, 61, 0.13);
    }
    .form-search.custom div.custom.dropdown a.selector:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: #060606 transparent transparent transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -2px;
    margin-left: -5px;
    color: black;
    }
    

    Add this to quick css or style.css in child theme

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

Viewing 2 posts - 1 through 2 (of 2 total)

The forum ‘Sweetdate – WordPress’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?