[Lamby]

Hi,

How do I change the button colours for the Read More that goes across header, back to top button and the little thin lined separators that go between posts.

Thanks

Stephen

[Skandha]

@lamby: Hello Stephen,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.readmore, #scrollup {
    background-color: #f23456 !important;
}

You can change the color according to your choice.
Let me know if this works out!
Kind Regards,
Skandha

[Lamby]

Excellent, thank you.

Could you check 2 more for me please. If you go to http://www.annesrockshow.com. There is a little blue separator line under the word News and in the search widget I would like to change the colour of both please if possible. In the search widget just the square box colour on the right hand side.

Thanks

Stephen

[Skandha]

@lamby: Hello Stephen,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="month"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, blockquote, .rtl blockquote, .page-links a, .section-title::after, #header-menu-social::before, #hero-section .entry-title::after, #feature-slider-section .cycle-prev:hover, #feature-slider-section .cycle-prev:focus, #feature-slider-section .cycle-next:hover, #feature-slider-section .cycle-next:focus, .woocommerce-info, .woocommerce-message {
    border-color: #f23456;
}

You can change the color according to your choice.
Let me know if this works out!
Kind Regards,
Skandha

[Lamby]

Many thanks again. I will try this after work tonight.

Stephen

[Lamby]

Hi, The little lines have changed to yellow but the search bar widget is still blue and the small search at top right is still blue on hover.

Thanks

Stephen

[Lamby]

And would you know how to change the colour of the word NEWS on my page. Sorry for keep asking, you have been a great help.

[Skandha]

@lamby: Hello Stephen,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To change color of search widget and the search toggle on hover */
.search-submit {
    background-color: #ee2;
}
#social-search-toggle:hover {
    color: #ee2;
}

/* To change the color of the text News in the homepage
.blog .section-title {
    color: #ee2;
}

You can change the color according to your choice.
Let me know if this works out!
Kind Regards,
Skandha

[Lamby]

Hello again, its the colour pest here!!

How do I go about changing the colours of the buttons on my submissions page and making the changing the text colours of the sections headers on the form?

Thanks

[Skandha]

@lamby: Hello Stephen,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To change the background color of the buttons on Submission Page */
input[type="button"], input[type="submit"] {
    background: #ee2;
}

/* To change the text colors of the Headers on the form */
#wpcf7-f102-p74-o1 label {
    color: #fff;
}

You can change the color according to your choice.
Let me know if this works out!
Kind Regards,
Skandha

[Author]

Posts