[lenatime]

I am trying to eliminate the extra spacing between the header and the body, and I can’t seem to make this happen with/through the CSS. Is there something I’m missing? Maybe if you can just point me to the right CSS for this modification?

Also, my client wants image borders on the left and right. I think I have this figured out, but not sure. If you know of anything there, that would be helpful, I’d appreciate any guidance.

[Skandha]

@lenatime: Please post in your site URL and also can you please explain which spacing you would like to eliminate and also on images you would like to have left and right borders?

Kind Regards,
Skandha

[lenatime]

Okay.

[lenatime]

https://neilhummasti.com/

[lenatime]

He wants it to look like this:

http://neilhummasti.ecentech.xyz/index.html

I’m trying to modify your template to be almost exactly like this HTML version.

[Skandha]

@lenatime: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.custom-logo-link {
	margin-left:50px;
}
#masthead {
	padding-bottom:0px;
}
#content .wrapper {
	padding-top:0px;
}
#content {
	padding-top:0px !important;
	margin-top:0px !important;
}
#site-branding {
	padding-bottom:0;
}
.entry-content p {
	text-align:center;
}

Let me know if this what you want!
Kind Regards,
Skandha

[lenatime]

This isn’t working. I believe I’ve tried variations of these too already. I can’t quite figure it out.

[Skandha]

@lenatime: I checked your site and you seem to have made changes and make the site look alike the URL you posted. Are you having anymore issues to be solved?

Kind Regards,
Skandha

[lenatime]

I fixed the header by setting the height, but I still can’t get the padding or margin on the page to whatever I want it to be, which would be zero.

[lenatime]

This client wants a footnote on the home page explaining the Shakespearean quote “Afraid of Goosequills,” which on the face seems like it would be a simple thing, but it’s not turning out this way. I rebuilt this whole site using HTML5 and CSS but he can’t see the side borders or the top header border through his version of Safari, which is really weird…right? The latest version of Safari doesn’t render some of the HTML5 and CSS modifications I’ve mad, like webkit side borders.

[lenatime]

He wants the footnote right below the header, and right now there is a big gap from the header to the content. Which is why I decided to just rebuild this in simple HTML5 and CSS3 but I had no idea that some of these special modifications would not render on his version of Safari (11. something version, presumably the latest version for the Mac).

[lenatime]

I meant to say the masthead, not the header. Changed the height value of the masthead ID. That worked. I’m still working on the body and also the header image now does not render well in a mobile view. Ugh. I’m trying to give the client what he wants but the changes he wants, like the header to have his logo and title and the quill included into the header, is impossible, unless it’s all in one image.

[Skandha]

@lenatime: Your site looks a- mess in the mobile view. I think it needs a lot of customization to get it back on track. I suggest you to hire a customizer.

Kind Regards,
Skandha

[lenatime]

I know. I’m switching templates, just haven’t done so yet. I like this template. It works great for a restaurant site I setup. I use the home page just as you (or whomever) have designed it to work. Except for the zooming/bouncing image action (on the home page images), which you helped me eliminate, it works great, mobile and desktop.

I know that I totally messed up this one, but I have tried other options….

However, thank you for all your help.

[Author]

Posts