Formatting for browsers and ‘padding'(?)

Jeff Phillips
(@jeffrey123)

7 years, 10 months ago

Hi,
This is my first attempt at a website – and I’m really wanting to use it. (My O.S is OSX 10.8.3 & I’ve been using Chrome Version 49.0.2623.112). I am using the TS Photography Theme.

The main problems are on the ‘Contact’ and ‘About’ page. You will see that the navigation menu bar isn’t showing pages to click on. The text colour has somehow changed from black to white since adding to the CSS editor. ( Help ! )

ALSO, the navigation/ menu bar should be a white rectangular shape with a thin light green outline (as demonstrated on the left side of the menu bar). On the right hand side of the menu bar the white has faded by about 50% – so the last page link in the menu bar isn’t properly within the white rectangle.

Extremely grateful if someone can help me!

Many thanks.

The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)

deereviewer
(@deereviewer)

7 years, 10 months ago

Hi Jeff,

I’m just a WordPress user like you but I wanted to see if I could help. Do you have the source code for the website?

Farook Kholwadia
(@judgerookie)

7 years, 10 months ago

if you’ve used Appearance >> Customise >> Additional CSS

then you may want to start there
remove the code you’ve added
look in inspector to see what the elements are
make changes in inspector
if okay, add to Additional CSS

if this is not the case, perhaps your CSS code could help

Thread Starter Jeff Phillips
(@jeffrey123)

7 years, 10 months ago

Many thanks for replying!
Deereviewer, I’m a bit thick – so have to ask ‘what do you mean by /where do I find the “source code” for the website?

deereviewer
(@deereviewer)

7 years, 10 months ago

Sorry for the delay but did you use a WordPress theme? But to check the source code, usé hooflr chrome and go view, the click on source code. It’s literally the matrix so we can see if something is wrong.
Thread Starter Jeff Phillips
(@jeffrey123)

7 years, 10 months ago
view-source:http://www.jeffphillipsbookings.com/contact
- This reply was modified 7 years, 10 months ago by Jan Dembowski.
- This reply was modified 7 years, 10 months ago by Jan Dembowski.
- This reply was modified 7 years, 10 months ago by Jeff Phillips.
- This reply was modified 7 years, 10 months ago by Jeff Phillips.
Moderator Jan Dembowski
(@jdembowski)

Forum Moderator and Brute Squad

7 years, 10 months ago

Don’t post more than 10 lines, it does not work here.

If you want to show the source code just share a link to the page. Is it the one above in your initial post?

Thread Starter Jeff Phillips
(@jeffrey123)

7 years, 10 months ago

Does anything come to light via the above link? Thanks.

deereviewer
(@deereviewer)

7 years, 10 months ago

Jeff, I clicked on the link, I’m using my phone but the background looks green and I can see the menu bar. Are you still seeing something different?

Thread Starter Jeff Phillips
(@jeffrey123)

7 years, 10 months ago

Thanks for posting Deereviewer.

On the iPad and phone the menu bar was intended to be within the White rectangle at the top of the page. (My phone is showing a menu totally separate from the White rectangle and the iPad shows the White rectangle with what appears now to be White font – instead of black ).
sbcjr
(@sbcjr)

7 years, 10 months ago
Hi Jeff,

In your style.css, this is what’s making the menu links white:
```
#header .nav ul li a{
		color:#FFF;
```
If you change “FFF” to “000” at line 1231 it should take care of that issue.

The other issue is because your header has a max-width that is smaller than the width of the container inside it. In the same style.css, comment out line 331 to correct this issue, like this:
/*max-width: 1130px;*/

Let me know if you have any trouble.