Change colors of the titles and contact form

Illdy
1

Hi Colorlib Support

I would love to changes my page (www.teamallout.dk) to the attached but Im have trouble changing the text colors in the Following areas ponted in the picture (my mock-up). These are displayed as white on my webpage, but would love to change them to the blue as in the picture. Do you have a CSS code for this? And likewise the color in the “Send” Buttom at the contact section.

2

Hi @kristiansletten,

Use this css codes for sections:

.front-page-section .section-content {
    width: 100%;
    background-color: aliceblue;
}

}
#testimonials .section-content .testimonials-carousel .owl-controls .owl-dots .owl-dot:hover, #testimonials .section-content .testimonials-carousel .owl-controls .owl-dots .owl-dot.active {
    background: transparent;
    border: 1px solid #fff;
}

#contact-us .section-content .wpcf7-form p .wpcf7-textarea {
    background-color: #fff;
   }

#testimonials .section-header h3 {
    color: #fff;
}

#contact-us .section-header h3, #contact-us .section-header p {
    color: #fff;
}

Thanks,

Cristian

3

THANKS alot however I did not get the CSS codes for these fields?! See Attach.

4

hi @kristiansletten,

Use this css code for background color of the dots:

#testimonials .section-content .testimonials-carousel .owl-controls .owl-dots .owl-dot {
background-color:#fff'
}

Color of the name:

#testimonials .section-content .testimonials-carousel .owl-controls .owl-dots .owl-dot {
color:#ffff'
}

Color of contact fields:

#contact-us .section-content .wpcf7-form p .wpcf7-text {
background-color:#fff;
}

Color of send button:

#contact-us .section-content .wpcf7-form p .wpcf7-submit {
color:#fff;
}

Replace the color with your own values.

Thanks,

Cristian

5

Hi Christian
Thank!

The CSS for the send button worked perfectly, however the other CSS Codes did not changes the desired.

  1. Color of contact fields worked for the background color, but i was seaking a CSS for changing the colors of the Text color for “Name”, “Email”, “Text” and “Subject” (Not in the fields, but in the headline) Which you can see at teamallout.dk is white?!
  2. The Colors of the testimonials name do no change with the provided CSS do you know why? Its still white as you can see on teamallout.dk

Big thanks in advance

6

Hi @kristiansletten,

Use this css for label:

#contact-us label {
       color: #0d70c6;/*replace with your own values*/;
}

FOr testimonials:

testimonials .section-content .testimonials-carousel .carousel-testimonial .testimonial-meta {
        color: #fff;/*replace with your own values*/;
}

Thanks,
Cristian

7

It workout great! Thanks!

8

You’re welcome,

Cristian