• Resolved Muhammad Haroon

    (@muhammadharoon)


    Looking forward to find a solution to make homepage grid layout which uses custom post types. ?? Thanks in advance

    The website on which I’m trying to make homepage grid geekstribe.com , thanks for understanding.

Viewing 13 replies - 1 through 13 (of 13 total)
  • bdbrown

    (@bdbrown)

    Hi Muhammad. Not sure what you mean by “grid”. The default theme layout for a blog home page is two columns of posts. That can be changed with some php/css modifications. If you’re looking for a page builder you might try Page Builder by SiteOrigin. The theme version on the wp.org repository has 5 post types. The version on the theme website has 10 post types. If you want additional post types you’d probably need a plugin.

    Thread Starter Muhammad Haroon

    (@muhammadharoon)

    Two column layout is not working when I’m displaying custom post types on home page.

    bdbrown

    (@bdbrown)

    Can you post a link to your site?

    Thread Starter Muhammad Haroon

    (@muhammadharoon)

    I did earlier see: https://geekstribe.com

    bdbrown

    (@bdbrown)

    Oops; sorry, missed it. If you look at the css being applied to the post <article> element, the first style is this:

    media="all"
    .group {
      zoom: 1;
    }

    It is missing several styles from the default theme css file:

    media="all"
    .post-list .post, .post-list .page {
      width: 50%;
      float: left;
    }
    media="all"
    .blog .post, .single .post, .archive .post, .search .post, .search .page {
      margin-bottom: 40px;
    }
    media="all"
    .content .post, .content .page {
      position: relative;
      overflow: hidden;
    }
    media="all"
    .format-image {
    }
    media="all"
    .group {
      zoom: 1;
    }
    Thread Starter Muhammad Haroon

    (@muhammadharoon)

    Not working ??

    bdbrown

    (@bdbrown)

    I understand it’s not working. You don’t have all the styles from the default theme style.css file. They are missing from your minified css.

    bdbrown

    (@bdbrown)

    I understand it’s not working. You don’t have all the styles from the default theme style.css file. They are missing from your minified css.

    Thread Starter Muhammad Haroon

    (@muhammadharoon)

    I checked twice but everything is there? What to do now? ??

    bdbrown

    (@bdbrown)

    If you inspect the elements, none of the css styles I posted above are being applied to the <article> element. You might try deleting your minified/cached css, disabling that plugin and just using the defaults to see if that fixes it. If it does, then regenerate your minified css.

    Thread Starter Muhammad Haroon

    (@muhammadharoon)

    See I just changed the status of the custom post types as DRAFT and published a dummpy post and the css works on that but not on custom post types. You see what I’m talking about?

    bdbrown

    (@bdbrown)

    Then that would seem to indicate that there is a conflict with whatever you’re using to create the custom post types.

    Thread Starter Muhammad Haroon

    (@muhammadharoon)

    Just figured out myself ??

    But thanks for helping me out.

    https://1.bp.blogspot.com/-pqE0W3stm5c/VO8cKFoXR1I/AAAAAAAABdc/GyU1vQy7elA/s1600/Screenshot_10.png

    Thanks again.

    @bdbrown you ROCKS ??

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘I want to make homepage grid which uses custom post types’ is closed to new replies.