Okay
  Public Ticket #2882083
Changing style colours
Closed

Comments

  • franklaw started the conversation

    Hi, 

    I note that if I add working-hours-table to extra class name, it changes it to blue and formats it nicely.

    What do I need to do to change it from blue to green?

  •  1,558
    Laborator replied

    Hi there,

    Adding this CSS to Custom CSS will change the color from blue to green, you can replace the HEX color code to any color you want:

    .working-hours-table table {
        background-color: #d2f1d2;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • franklaw replied

    Thank you so much Art.

    Just three more questions, first one pertaining to the original request: 

    1. How do I go about changing the colour of the font in the box using that code? (Image One)

    2. How do I go about changing the colour of that particular blue line to a lighter green, believe the extra class name for that is "departments-list" (See Image Two)

    3. How would I go about changing the colour of the contact form to a lighter green (Image Three)

    Thanks!

  • franklaw replied

    And finally, as an aside:

    1. On the front page of my website, portfolio shows at least without a white backdrop on the text (see image five), whereas on other pages, copying the template, it shows with a white border (see page four)

    Any way to resolve this so that the white border is removed?

    Thank you!

  •  1,558
    Laborator replied

    Hi again,

    To make these changes as requested please add the following codes to Custom CSS of your site, if you don't know how to add custom CSS then please follow this guide:

    1.

    /* Table Text Color */
    .working-hours-table table td {
        color: #000;
    }
    

    2. 

    /* Departments Border Color */
    .departments-list ul li {
        border-bottom: 1px solid #000;
    }
    

    3. 

    /* Contact Form Color */
    .appointments input[type=text], .appointments input[type=number], .appointments input[type=email], .appointments input[type=password], .appointments input[type=url], .appointments input[type=tel], .appointments select, .appointments textarea {
        background: #FFF;
    }
    

    4. Try this CSS if it works:

    .portfolio-holder.portfolio-type-1 .portfolio-item .info {
        background-color: transparent;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • franklaw replied

    Thanks again Art. We're almost there. It looks like the code for the portfolio isn't working (See image one - A), as well as the contact form (See image one - B)

    Strangely enough, the services section on the home page looks fine https://acupuncturenaturecare.com.au/

    Whereas the services page down the bottom of the page has shadowed boxes, and blue text... https://acupuncturenaturecare.com.au/services/

  •  1,558
    Laborator replied

    Hi again,

    Can you please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.

    To include your credentials click Insert Credentials button in the editor toolbar. (See how)


    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   franklaw replied privately
  •  1,558
    Laborator replied

    Hi again,

    I am unable to login to your site:


    medium
    (view large version)

    As you can see I am getting a 404 error when trying to access wp-admin

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • franklaw replied

    Hi Art,


    Please try again. Site is now live.

  •  1,558
    Laborator replied

    Hi there,

    I have fixed the problem with the services by adding some custom CSS, and the same for the "Book an Appointment" section by adding the following CSS to Custom CSS:

    .home-appointment .vc_column-inner>.wpb_wrapper {
        background: #e5f5e7;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group