CSS method for moving metadata in Sela?

  • Resolved marianagenoveva

    (@marianagenoveva)


    9 years, 11 months ago

    Hello,
    I am playing around with Sela’s CSS and I’ve more or less gotten things how I like them. There is one big issue, though. For stylistic reasons, I moved the post titles and post body over toward the left margin. Here is the code:

    .post-thumbnail + .entry-header {
	margin-left: 3em;
	margin-right: 6.5em;
}

div.entry-body {
	margin-left: -4em;
	margin-right: 6.5em;
}

    Now, the issue is that the body of the post overlaps with the metadata. Is there a CSS trick for a) moving the metadata farther left, b) moving the metadata to under the post title, or c) moving the metadata to the bottom of the post? I am not terribly picky about where it goes because all three options have the potential to look nice.

    Thanks!

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

  • When posting a question, you should always include a link to your site. It makes it easier to see what you’ve done and to play around with it using a web debugging tool. Thanks.

    Thread Starter marianagenoveva

    (@marianagenoveva)

    Sorry. It’s prettyhealthy.co and I have since commented out that part of the code since it just looks terrible and I can’t figure it out. Let me know if I ought to uncomment it.

    What a dramatic customization of Sela! ??

    Are you happy with the way things look now? The blog index looks good to my eye the way it is.

    The metadata is currently as far left as it can go within the main content column, as you can see in this screenshot where I’ve highlighted the entry-content div using a browser inspector:

    Pretty Healthy Nutrition for Beauty Inside and Out

    To move it even further left you’d need to change the padding on the main container, and the space between the entry meta and the main entry content. Is that what you want to do?

    Thread Starter marianagenoveva

    (@marianagenoveva)

    In the past couple of days I have played around with it a lot and decided that I like how it looks generally–still playing with the changes responsive. Thanks for your response!

    Glad you’re liking the way it looks! It’s definitely one of the most original customizations of Sela that I’ve seen, have fun getting the final tweaks in place!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS method for moving metadata in Sela?’ is closed to new replies.