post short code not look so good

  • supernovia · Staff ·

    Again, I’m thinking the main issue is that we’re adding on one change at a time, instead of working with all requirements at once. Over time these changes start to conflict with each other. They become increasingly difficult to fix.

    So starting with no extra CSS, what are all of the changes you need?

  • Unknown's avatar
    moshekahol · Member ·

    1. Hide posts title
    2. Equal space between posts picture (above,under and sides)
    3. In phone (smaller screens…) post picture will be aligned (not to one side) and with out to much space in the sides…

    That’s all :)

    Thank you very much for helping

  • Unknown's avatar
    moshekahol · Member ·

    Hi, is it possible?
    Thanks

  • supernovia · Staff ·

    Okay, try just this:

    #post-6 > div > header > h2 { display: none; }

.display-posts-listing {
height: 220px;
}

@media screen and  (max-width: 800px) {
	.listing-item {
		max-width: 300px;
		margin: 0 auto;
	}
	.listing-item a {
		float: none;
	}
}
  • Unknown's avatar
    moshekahol · Member ·

    Hi thank you! it made a diffrence :) if additional thing can be done is I want that there will be less space in the sides… Is there a way to make some balance in the picture sizes so that there will be left less space and all will be symtrical?

    thanks alot supernovia!

  • Unknown's avatar
    moshekahol · Member ·

    I think its fine now… I need to do some changes and see how all look at the end… thank you :) I will update if I will face additional challenges :)
    thanks!

  • Unknown's avatar
    moshekahol · Member ·

    Hi I saw it perfect in microsoft edge but in chrome there is alot of space as I said… I thought I figured it out but it was just the browser…
    how can I make the posts take more space as I said: ” Is there a way to make some balance in the picture sizes so that there will be left less space and all will be symtrical?”

    thanks!!

  • supernovia · Staff ·

    If you make the images bigger they will look stretched out and pixelated, so I suggest leaving it as is. :)

1 2
  • The topic ‘post short code not look so good’ is closed to new replies.