Some CSS issues on website, Having a few problems, please help. |
Some CSS issues on website, Having a few problems, please help. |
smthingspcial |
Mar 4 2015, 04:34 AM
Post
#1
|
Novice Group: Members Posts: 24 Joined: 23-February 15 Member No.: 22,235 |
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! Attached thumbnail(s) Attached image(s) |
smthingspcial |
Mar 4 2015, 09:04 AM
Post
#2
|
Novice Group: Members Posts: 24 Joined: 23-February 15 Member No.: 22,235 |
Can anybody help with this?
Thank you! |
smthingspcial |
Mar 4 2015, 09:17 AM
Post
#3
|
Novice Group: Members Posts: 24 Joined: 23-February 15 Member No.: 22,235 |
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 |
Mar 4 2015, 09:24 AM
Post
#4
|
Novice Group: Members Posts: 24 Joined: 23-February 15 Member No.: 22,235 |
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, Attached thumbnail(s) |
Frederiek |
Mar 4 2015, 09:40 AM
Post
#5
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
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 |
Mar 4 2015, 09:47 AM
Post
#6
|
Novice Group: Members Posts: 24 Joined: 23-February 15 Member No.: 22,235 |
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 |
Mar 4 2015, 09:53 AM
Post
#7
|
Novice Group: Members Posts: 24 Joined: 23-February 15 Member No.: 22,235 |
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 |
Mar 5 2015, 04:29 AM
Post
#8
|
Novice Group: Members Posts: 24 Joined: 23-February 15 Member No.: 22,235 |
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 |
Mar 5 2015, 08:49 AM
Post
#9
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
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 |
Mar 5 2015, 09:52 AM
Post
#10
|
Novice Group: Members Posts: 24 Joined: 23-February 15 Member No.: 22,235 |
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 |
Mar 5 2015, 11:42 AM
Post
#11
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
You're welcome.
|
Lo-Fi Version | Time is now: 17th April 2024 - 10:57 PM |