jjerro

you mean from scratch? then try to read this tutorials

how about using github?

you are welcome.

now i get it… thank you Donna.

you are welcome. please mark this topic as resolved. thank you.

hi greg, i see your code you have changed;

/* Header image --------------------------------------- */

.header-image { max-height: 600px; }

there are different between max-height and height in css, i don’t know how or why since i am new too.
and your code still using max-height property.. what i am suggest is using only height. change max-height to height.

regards,
jjerro

Hi vanessa, as Donna said, you should remove the line [not paste it], here is your code now:

.widget h3 {
color: #39302d;
border: 1px double #e8e4e3;
border-width: 1px 0 4px;
padding: .618em 0;
font-family: "Open Sans", sans-serif;
}

delete the lines and it should be like

.widget h3 {
color: #39302d;

border-width: 1px 0 4px;
padding: .618em 0;
font-family: "Open Sans", sans-serif;
}

this should remove all the lines between your sidebar widgets.
Remember to back up before editing

hi, change display to none at line 49.
[please do back up any files you want to edit before editing it]
here is your code:

.site-title {
    display: inline-block;
    max-width: 320px;
    font-size: 2.2em;
    font-weight: 600;
    line-height: 1.1;
    margin: 0px;
    padding: 24px;
    word-wrap: break-word;
}

change to

.site-title {
    display: none;
    max-width: 320px;
    font-size: 2.2em;
    font-weight: 600;
    line-height: 1.1;
    margin: 0px;
    padding: 24px;
    word-wrap: break-word;
}

*note that this would affect your entire site title.
and if you want to put back <?php the_title(); ?> you have removed before, then find a line like this:
<h1 class="some-class-for-the-title"></h1>
then put back your <?php the_title(); ?> between the tag marks ‘><‘.
so it would be something like this:
<h4 class="some-class-for-the-title"><?php the_title(); ?></h4>

h4 can be anything like h1, h2, h3, or p or something like that, class can be id or both and the some-class-for-the-title is your class or id name.
if you could provide your page.php code, maybe i can help.

hi vanessa, could you provide any link to the website you want to edit?

hi greg, so basically you want to move white box contains single post and the header text (site title?) so your image would show at its full size?

remove the margin-top: -120px will make the container of contents after header image to have 0 margin but it doesn’t move the white box because the height of your header image is set to 350px, so the box will still there. you just have to make your image more higher so it will force the container to move down.
i’m new to css and wordpress but let’s try this,

Locate header image section in your css,

/* Header image --------------------------------------- */

.header-image { max-height: 350px; }

change it to;

/* Header image --------------------------------------- */
.header-image { height: 700px; }

*Note change the pixel as your image real height.
if your image automatically cropped when added from customizer to 350px of height then your image would have 700px of height but the image would distorted..
let me know if it doesn’t help.

sincerely,
jjerro

you are welcome. don’t forget to mark this topic as resolved. thank you.

hi RickAero, i think wordpress got it’s plugin to cover this, Sticky Menu (or Anything!) on Scroll
i think this what you are looking for.

good morning RickAero, did you saw the picture i post at the link before? adding more padding would make your main nav to resize a bit and make your content forced to push down a little so it wouldn’t show when you open your site, to do that, open your child style.css, at line 24 add this:
margin-top: 15px.
and, yes, twenty fourteen doesn’t keep the menu sticky when you open your site from tablet or phone, to make it sticky you need to tweak your css a bit more, you can read this link, and this.
Give me some time to figure it out, i gotta go to work, but i’ll reply as soon as i can.

sincerely,

jjerro.

ok, the width and height of the slider container is 100% which is mean the slider is in its max size. i discover this: style="width: 100%; height: 100%; in slider container, but if you are not comfort with the space of top content which is showed at the bottom of slider, maybe you could try to adding more padding to your header bar so, it would look like this.
but it is up to you..

sincerely,

jjerro

oh, thats good.. you are welcome..