Some CSS issues on website, Having a few problems, please help. Options

[smthingspcial]

Hi,

On these pages: https://www.besutilities.co.uk/bes-gas/ - https://www.besutilities.co.uk/bes-electricity/ - https://www.besutilities.co.uk/bes-telecom/

Why is the text in the top right hand side panel box white? (example 1) It should be like this (example 2).

Also, on the homepage - https://www.besutilities.co.uk/ - why are the 4 circles in a vertical line and not horizontal? (example 3).

Thank you in advance!

[smthingspcial]

Can anybody help with this?

Thank you!

[smthingspcial]

Sorry about this, but there is also another error.

https://www.besutilities.co.uk/about-us/bes-management-team/

Everything should be central here but it's all pushed to the left.

Why is that?

Thanks again!

[smthingspcial]

Sorry about this, but there is also another error.

https://www.besutilities.co.uk/about-us/bes-management-team/

Everything should be central here but it's all pushed to the left.

Why is that?

Thanks again!

It should look like the attached (ignore the heatmap please)

Thanks,

[Frederiek]

I thought you were only talking about the white text on a light grey background. On both pages, they are white. That's because the white definition comes after the blue color definition in the CSS and thus takes precedence. The same goes for the orange color.

Search for "css precedence" to get an understanding.

As for the circles, give the container div a width (not the current 100%) and use margin: 0 auto; to center them.

[smthingspcial]

I thought you were only talking about the white text on a light grey background. On both pages, they are white. That's because the white definition comes after the blue color definition in the CSS and thus takes precedence. The same goes for the orange color.

Search for "css precedence" to get an understanding.

As for the circles, give the container div a width (not the current 100%) and use margin: 0 auto; to center them.

Thank you. I seem to have fixed the 2 issues. I just can't seem to figure out the 4 circles issue.

[smthingspcial]

I thought you were only talking about the white text on a light grey background. On both pages, they are white. That's because the white definition comes after the blue color definition in the CSS and thus takes precedence. The same goes for the orange color.

Search for "css precedence" to get an understanding.

As for the circles, give the container div a width (not the current 100%) and use margin: 0 auto; to center them.

Thank you. I seem to have fixed the 2 issues. I just can't seem to figure out the 4 circles issue.

This is what it used to be: http://web.archive.org/web/20141213021138/...tilities.co.uk/

What has changed?

Thanks,

[smthingspcial]

I thought you were only talking about the white text on a light grey background. On both pages, they are white. That's because the white definition comes after the blue color definition in the CSS and thus takes precedence. The same goes for the orange color.

Search for "css precedence" to get an understanding.

As for the circles, give the container div a width (not the current 100%) and use margin: 0 auto; to center them.

Thank you. I seem to have fixed the 2 issues. I just can't seem to figure out the 4 circles issue.

This is what it used to be: http://web.archive.org/web/20141213021138/...tilities.co.uk/

What has changed?

Thanks,

Can anybody help me on this please?

Thank you.

[Frederiek]

Sorry, I overlooked that before, but here you go:

For the circles on the homepage, you can either set the display to inline-block or float them left.
Change that to .owl-theme .owl-controls .owl-page, line 2255 in the CSS file.

[smthingspcial]

Sorry, I overlooked that before, but here you go:

For the circles on the homepage, you can either set the display to inline-block or float them left.
Change that to .owl-theme .owl-controls .owl-page, line 2255 in the CSS file.

Inline block worked! Thank you very much

[Frederiek]

You're welcome.