This topic contains 13 replies, has 2 voices, and was last updated by  lenatime 1 year ago.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #151073

    lenatime
    Participant

    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.

    #151074

    Skandha
    Keymaster

    @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

    #151076

    lenatime
    Participant

    Okay.

    #151077

    lenatime
    Participant
    #151078

    lenatime
    Participant

    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.

    #151082

    Skandha
    Keymaster

    @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

    #151091

    lenatime
    Participant

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

    #151275

    Skandha
    Keymaster

    @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

    #151316

    lenatime
    Participant

    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.

    #151317

    lenatime
    Participant

    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.

    #151318

    lenatime
    Participant

    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).

    #151319

    lenatime
    Participant

    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.

    #151406

    Skandha
    Keymaster

    @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

    #151425

    lenatime
    Participant

    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.

Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘Header spacing and adding borders…’ is closed to new replies.