Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1156841
    cthurston2131
    Participant

    Good Morning,

    I am trying to customize the way a category page shows up. Currently they are very large images, 1 of the categories is (http://staging4.racechaseronline.com/category/drag-racing/) I would like them to look more like (http://racechaseronline.com/category/drag-racing/) I would like the images to show much smaller than they currently are, and I would like to remove the tags from showing below.

    Thank you for any help you can provide.

    #1156903
    Nico
    Moderator

    Hi There,

    Thanks for writing in.

    Try adding this code below in your customizer > Custom > CSS:

    To reduce the size of the thumbnail

    
    .category-featured.entry-featured{
    width:50%;
    margin:0 auto;
    }

    To remove the tags below:

    .entry-footer .cf{
    display:none;
    }

    Let us know how it goes.

    Thanks.

    #1157012
    cthurston2131
    Participant

    Thank you for the quick response. Unfortunately neither of those worked. I have attached them to the global css in Customizer.

    #1157088
    Nabeel A
    Moderator

    Hi again,

    Please replace the previous code with this one:

    .category-featured .entry-featured{
        width:50% !important;
        margin:0 auto !important;
    }
    .entry-footer.cf{
        display:none !important;
    }

    Let us know how this goes!

    #1157131
    cthurston2131
    Participant

    Some of them changed in size but not all of them. Is there a way to make them look like the ones on http://racechaseronline.com/category/formula-one/ I would like the entire box for the post image and text to be smaller, and in 2 columns if this is possible. More along the lines of a 2 column recent post type look.

    #1157173
    Nabeel A
    Moderator

    Hi there,

    Please replace the previous code with this one:

    .category .entry-featured {
        width: 50% !important;
        float: left;
        margin-right: 2% !important;
    }
    .category .entry-wrap {
        padding: 0px 5% 1% !important;
    }

    Let us know how this goes!

    #1157221
    cthurston2131
    Participant

    Perfect, thank you very much!

    #1157265
    Rahul
    Moderator

    Glad we could help you!

    If you have anything else, let us know. We’d be happy to assist you with everything.

    Thanks for using the X theme.

  • <script> jQuery(function($){ $("#no-reply-1156841 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>