dazzyweb

Try putting the following in the custom css under evolve settings and change the color and text shadow to what you like.

ul.nav-menu a {
color: #111;
text-shadow: 1px 1px 0px #fff;
}

Hi David
It is difficult to give you an exact answer depending on how exactly you want your design.
If you don’t mind the background image filling the whole of the background then you could try adding the following to your custom css

body.custom-background {
background-size: cover;
}

That should scale the image down to the viewport size.

Yes WPyogo is right. Don’t make changes to the theme files.

From what I see Oxygen does have a custom css section under Appearence > customize > Miscellaneous

There is always the option to create a child theme.

Where did you put the code?

best to put the code in a child theme

Hi beverleyc

I just checked and it seems that you have width still set to 45%.

Hi

I am not sure which outline you mean.
The one on left of the main background image looks like a part of the image.
If you mean the one around the main content then it appears that the following rule is making the color:
(You can change the color here if you want a different border)
#masthead hgroup {
border-left-color: #F4EED0;
border-right-color: #F4EED0;
}

If you want to totally remove the border then you must also take care of the following rule also:

#main, #masthead hgroup {
border-left: 4px solid #EDE9CE;
border-right: 4px solid #EDE9CE;
}

To remove the borders at the bottom sidebars then change the following:

#sidebar-1 {
border-right: 1px dotted #82573F;
}

#sidebar-2 {
border-right: 1px dotted #82573F;
}

to

#sidebar-1 {
border-right: none;
}

#sidebar-2 {
border-right: none;
}

Best to put these styles in your custom css or child theme css file.

Try changing the id branding in custom css or child theme to 100% like below

#branding {
float: left;
overflow: hidden;
width: 100%;
}

Try something like the following:
.textwidget form {
text-align: center;
}

Add it to your custom css or child theme.

You can also add an id to the form to make it more specific not to affect other elements.

You could make a new template how you want the page to be laid out and remove the menu and any footer content that you don’t want and then assign the template to that home page or simple adjust the default home template page which is index.php if front page is set to static page.

Maybe you can just put wordpress in a subfolder and link to it from your index home page in the root. Should be simple to make the image responsive and centered for the index page.

Probably your styles are not in this file but in a different folder with files such as layout.css. All depends on your theme. Try using a child theme to change styles.

Working for me too

I can see that it is stretched. Try changing the height and width of #branding img in your style.css file on line 490.

height:89px;
width:207px;