Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 4, 2015 at 3:21 pm #547028
    mattwilliamsyogi

    Hi, I’d like to rearrange the blog posts layout but cannot figure it out.

    I’ve almost got it how I’d like but I just need to make the preview image 200px by 200px. The code I’ve used to get it the way it is so far is –

    #top .fullsize .template-blog .blog-meta { margin: 0; }

    #top .fullsize .template-blog .post .entry-content-wrapper > * {
    margin-left: 100px;
    }

    #top .flex_column .template-blog .post-title {
    font-size: 1.3em;
    margin-top: -100px;
    }

    .main_color .rounded-container, #top .main_color .pagination a:hover, .main_color .small-preview, .main_color .fallback-post-type-icon {
    background: transparent;
    color: transparent;
    }

    .main_color, .main_color div, .main_color header, .main_color main, .main_color aside, .main_color footer, .main_color article, .main_color nav, .main_color section, .main_color span, .main_color applet, .main_color object, .main_color iframe, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color p, .main_color blockquote, .main_color pre, .main_color a, .main_color abbr, .main_color acronym, .main_color address, .main_color big, .main_color cite, .main_color code, .main_color del, .main_color dfn, .main_color em, .main_color img, .main_color ins, .main_color kbd, .main_color q, .main_color s, .main_color samp, .main_color small, .main_color strike, .main_color strong, .main_color sub, .main_color sup, .main_color tt, .main_color var, .main_color b, .main_color u, .main_color i, .main_color center, .main_color dl, .main_color dt, .main_color dd, .main_color ol, .main_color ul, .main_color li, .main_color fieldset, .main_color form, .main_color label, .main_color legend, .main_color table, .main_color caption, .main_color tbody, .main_color tfoot, .main_color thead, .main_color tr, .main_color th, .main_color td, .main_color article, .main_color aside, .main_color canvas, .main_color details, .main_color embed, .main_color figure, .main_color fieldset, .main_color figcaption, .main_color footer, .main_color header, .main_color hgroup, .main_color menu, .main_color nav, .main_color output, .main_color ruby, .main_color section, .main_color summary, .main_color time, .main_color mark, .main_color audio, .main_color video, #top .main_color .pullquote_boxed, .responsive #top .main_color .avia-testimonial, .responsive #top.avia-blank #main .main_color.container_wrap:first-child, #top .main_color.fullsize .template-blog .post_delimiter, .main_color .related_posts.av-related-style-full a {
    border-color: transparent;
    }

    .text-sep.text-sep-date, .comment-container.minor-meta, .text-sep.text-sep-comment, .blog-categories.minor-meta, .text-sep.text-sep-cat, .blog-author.minor-meta {
    display: none;
    }

    Thanks,
    Matt

    December 4, 2015 at 3:35 pm #547037
    Yigit

    Hi Matt!

    If you are talking about featured image on the post i linked in private content field, please upload your image in 1200x1200px :)

    Best regards,
    Yigit

    December 4, 2015 at 3:45 pm #547052
    mattwilliamsyogi

    What I mean is, the same layout as I already have, so featured image aligned left and text to the right of it.

    But I want the image to be bigger (200×200) and then the text should move across to the right a little bit once the image is larger. So basically, the image that is there, can I make it wider and higher?

    Thanks,
    matt

    December 4, 2015 at 3:52 pm #547060
    mattwilliamsyogi

    I’ve sorted it if you take a look at the link again. On mobile though, I’d like the featured image full width and the post content below that, also full width, is that possible?

    Thanks,
    Matt

    December 7, 2015 at 9:16 pm #548290
    Andy

    Hey!

    try this code:

    @media only screen and (max-width: 767px) {
#top .fullsize .template-blog .blog-meta {
height: 188px;
}
.entry-content-wrapper.clearfix.standard-content {
margin-left: -94px !important;
width: 134%;
}}

    Cheers!
    Andy

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.