This topic has 3 replies, 2 voices, and was last updated 8 years by Laura.

  • Author
  • #109798
     LuukDriessen
    Participant

    Hello Laura,

     

    I have 3 little CSS questions.

     

    1.  On our dating website we use the revolution slider.

    When viewing the website on my tablet, the slider is scaled fine, but the registration field/mixed form isn’t showing correctly.

    I noticed this is because of this CSS rule:  .revslider-head.absolute-head .form-wrapper {       margin-top180px; }

    I want to edit this, but on the laptop/desktop this CSS rule is correct.

     

    How can I fix this?

     

    2.  The Main menu isn’t correct. When viewing in mobile or tablet, the menu is pink. Which code I need to add/edit to change the font color in white. Like the desktop version.

     

    3. When using the desktop version, the main menu is almost correct. When clicking a button, the bg becomes white and also the font, so the button ‘dissapeares’

     

    Can you help me with this?

     

    Thanks in advance

     

    What do you think of our ‘live’ datingsite?

     

    Gr Luuk

     

     

    #110132
     Laura
    Moderator

    Hello 🙂
    1) Seems like you already fixed it
    2) Try adding this to style.css of child theme

    COPY CODE
    
    @media only screen and (max-width: 940px) {
    .top-bar a {
        background: #39935C !important;
        color: white !important;
    }
    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a li a:hover, .top-bar ul > li.toggle-topbar {
        background: #39935C;
    }
    .top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active, .top-bar ul > li:not(.name):focus {
        background: #087834;
    }
    }
    

    3) Add this to style.css of child theme

    COPY CODE
    
    #header a:not(.button), div#main .widgets-container.sidebar_location .form-search a:not(.button), .form-search.custom input[type="text"], .form-search.custom input[type="password"], .form-search.custom select {
        color: #087834;
    }
    
    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 🙂

    #110236
     LuukDriessen
    Participant

    Hello Laura,

    Thanks for the support. All problems solved 🙂

    Gr Luuk

    #110897
     Laura
    Moderator

    Yay! glad it worked 🙂

    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 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Log in with your credentials

Forgot your details?