Gutenburg Theme Issues

  • Ok, I’m having a few problems with the Gutenburg theme.

    1) In firefox, the site header has white space above the image and the entire thing is simply larger than it should be.

    2) Also in firefox, the first date shown on the top right of the content section does not line up with the top of the menu on the right.

    3) For some reason I haven’t been able to fathom by digging around in the css, the comments are aligned to the right of the content box.

    I’ve looked at the css, as I stated above, but I’m no wizard, and I can’t seem to figure it out. Any suggestions?

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

  • Okaayyy….a link would help a bit so we could see your CSS. ??

    I can say that the whitespace problem, I finally gave up trying to fix and put the header in my index page rather than as a background in the CSS.

    Thread Starter moridin

    (@moridin)

    Damn, sorry about that. I just realized I didn’t leave a link and got back on XD.

    https://jared.edifies.us

    #content {
    width: 500px;
    margin: 0;
    text-align: left; <– change that for your comments alignment
    float: left;
    background-color: #fff;
    padding: 10px 25px;

    As for the date…I think I fixed that by removing the 25px padding…but frankly it’s been so long ago I can’t remember. ??

    Thread Starter moridin

    (@moridin)

    That fixed everything, thanks ??

    A few notes, however, for anyone else using Gutenburg that has this problem.

    The text-align: right; property is what makes the date align to the right on top of posts. Apparently the creator didn’t notice how this screwed up the “comments:” and “Leave a comment” headers, as well as the comments themselves.

    I used this fix:

    – Change the text-align property in #content to right
    – Create a new definition as such:

    #date {
    text-align: right;
    }

    – Modify your index.php file so that this:

    <?php the_date(”,'<h2>’,'</h2>’); ?>

    Becomes this:

    <?php the_date(”,'<h2 id=”date”>’,'</h2>’); ?>

    That should make everything work how it was supposed to ??

    Welcome, glad I could help – though rather than the date solution (which I no longer use the dates, I have them per post), I just changed the h2 to align to the right, does the same thing. ??

    Thread Starter moridin

    (@moridin)

    I did that as well until I realized that the “comments” and “leave a comment” headers were also <h2>s, and I don’t want them aligned to the right, as it looks fairly ugly to my taste :(. That is another solution, however.

    Thread Starter moridin

    (@moridin)

    I’m still having problems with the image in the header bar. Can anybody shine some light on the subject?

    In #header, set the margin to zero

    #header {
    margin: 0;
    }

    Thread Starter moridin

    (@moridin)

    I went with margin-top, because applying all margins to zero makes the content and menu crowd the header a bit. Thank you for the heads up, I wouldn’t have been able to come up with that stuff without you guys :D.

    Now to find a more appropriate picture for the header…

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Gutenburg Theme Issues’ is closed to new replies.