Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • October 4, 2013 at 11:22 am #170394
    joerg_schaefer

    Since 2.3 all Post-Type Icons are centered on frontpage. In grid-layout they even lay over the excerpt.
    Post-Type Icons centered in front of grid

    October 4, 2013 at 4:13 pm #170481
    Yigit

    Hey joerg_schaefer!

    Can you post the link to your website?

    Regards,
    Yigit

    October 4, 2013 at 6:21 pm #170540
    joerg_schaefer

    Mmh, I thought I did: infonet

    October 4, 2013 at 6:38 pm #170556
    Yigit

    Hey!

    Can you create a temporary admin login and post here? Make sure to check ” Set as private reply (Only you and moderators will see the content of this post)” above Submit button

    Regards,
    Yigit

    October 4, 2013 at 9:01 pm #170602
    joerg_schaefer
    This reply has been marked as private.
    October 6, 2013 at 2:18 am #170936
    Ismael

    Hey!

    Please add this on your custom.css or Quick CSS:

    .fallback-post-type-icon {
position: relative;
top: 49%;
left: 50%;
margin: 0 0 10px -20px;
height: 60px;
width: 60px;
line-height: 59px;
font-size: 25px;
text-align: center;
border-radius: 100px;
display: block;
}

    Cheers!
    Ismael

    October 6, 2013 at 11:17 am #171108
    joerg_schaefer

    Hi Ismael

    Now the Post Type Icon is not overlaying text anymore. But I think it should be in the left of the text, shouldn’t it?

    Kind regards
    Henning

    P.S.: Do you know if this is a selfmade problem or is it a bug?

    October 7, 2013 at 4:02 am #171420
    Ismael

    Hey!

    Please use this instead:

    .fallback-post-type-icon {
position: relative;
margin: 0 0 0 -20px;
height: 60px;
width: 60px;
line-height: 59px;
font-size: 25px;
text-align: center;
border-radius: 100px;
display: block;
left: 20px;
top: 60px;
}

.avia-content-slider-inner .slide-content {
padding-left: 80px;
}

.avia-content-slider-inner .slide-entry.flex_column {
margin-top: -40px;
}

    Best regards,
    Ismael

    October 7, 2013 at 7:30 am #171481
    joerg_schaefer

    Great work, Ismael!

    On blog.site.easy.de the Multi-Author-Icons of the post list are also centered to the left. On infonet they are centered as well. I don’t see any “align left” oder “align right” in your code, so how could I fix this one?

    Kind regards
    Henning

    October 8, 2013 at 4:00 pm #172281
    Yigit

    Hello!

    Please add following code to Quick CSS as well

    #top .fullsize .template-blog .blog-meta { float: left; }

    Best regards,
    Yigit

    October 8, 2013 at 6:06 pm #172354
    joerg_schaefer

    Now I’ve got my problem! what I love is the layout when a use the layout with sidebar one the right: with sidebar on the right But I do not want a sidebar on the frontpage! When I disable the sidebar, I get this centered layout centered without sidebar
    Why does the layout switch to a centered one? How could I change this?

    Kind regards,
    Henning

    October 9, 2013 at 2:19 pm #173020
    Yigit

    Hello!

    Can you remove sidebar first then post the link? There are two links in the topic i’m not sure which one to focus :)

    Best regards,
    Yigit

    October 9, 2013 at 5:05 pm #173121
    joerg_schaefer

    Of course I can: This one is without sidebar and here I have same short codes with sidebar. Hope this helps!

    Regards
    Henning

    October 11, 2013 at 1:18 am #173877
    Yigit

    Hey!

    Please add !important to force it :)

    #top .fullsize .template-blog .blog-meta { float: left!important; }

    Cheers!
    Yigit

    October 11, 2013 at 7:48 am #174039
    joerg_schaefer

    Thanks for your help, Yigit. Unfortunately the result is not the same at all. If I enable the sidebar, there is a dotted row starting with the post-type-icon. Your solution only puts the icon on the left.

    Again: Why there is a completely different layout if I enable sidebar?

    Kind regards
    Henning

    October 14, 2013 at 2:54 pm #175072
    Devin

    Hi!

    The two layouts are just that: two different layouts. With a sidebar you’ll get equal weight on the left and right and without it the weight moves to the center of the page.

    The easiest way I can see to somewhat keep the layout of having the sidebar would be to remove the sidebar with css and increase the size of the main content area:

    #top.page-id-402 #main .sidebar {
    display: none;
}
#top.page-id-402 .template-page.content.nine.alpha.units {
    width: 100%;
    border: 0;
}

    Cheers!
    Devin

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Post-Type Icons centered on Frontpage’ is closed to new replies.