HELP: How to Change Button Colour and Center Text?

Shapely
1

Hello wonderful people,

Could you please tell me how to change the colour of the “apply now” button on this website from purple to blue HEX:009ee0.

Also, how do I center the button and the text below the picture (Full-Time, Frankfurt…)

The job ad can be found here: https://www.neylux.com/job/senior-it-consultant-m-w/

Thanks

2

hey there

Hope you are having a good day and thank you for your question :slight_smile:
Please add this CSS in appearance - customize - additional CSS

.single_job_listing .application .application_button {
color: #009ee0;
}
.single_job_listing .application {
text-align: center;
}

Thanks!
Colorlib Support Team

3

Hello,

thanks for the prompt response.

The CSS changed the position of the button successfully. However, it changed the colour of the text, not the colour of the button. Could you please help me with that?

Also, how do I center the text underneath the picture (see attachment).

Many thanks for the awesome support,
Vlad

4

Hi

Ok, please try this css:

.application .application_button,
.application .application_button:hover {
background: #8BC34A !important;
border: 2px solid #8BC34A !important;
}

And for a text you have to use a text editor to center the text, no CSS is needed for this :slight_smile:

5

Hello Noda,

thank you so much. The last CSS indeed changed the colour of the button. I am really happy now.

Regarding the centering of the text: It can’t be centred with the normal text editor, because it’s part of the plugin. Please see attached screenshot.

6

hey there

Please add this CSS in appearance - customize - additional CSS

.single_job_listing .meta {
text-align: center;
}
.single_job_listing .meta li {
float: none;
}

Thanks!
Colorlib Support Team