Home Forums Art WordPress Theme Styling the Archive-page

This topic contains 9 replies, has 2 voices, and was last updated by  BWSM 1 week, 1 day ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #13933

    reframing
    Participant

    Hi,

    I’d like to make some changes to the Archive-/Categories-page. So, i’ve some questions:

    1. Where can i find the loop for the Archive- and the Categories-page?
    2. Is it possible to change the design of the Archive- and the Categories-page in this way:

    I don’t need there a sidebar and it would be nice, if the posts not showed in a vertical row, more like a grid, if there is enough space on the page. How can i change that?

    Thanks for your help!

    #13938

    BWSM
    Keymaster

    Hi,

    The archive and category use same tempate/css. The files are in /tempalte/archive/

    It is possible by custom css(“Appearance > Customize : Additional CSS”), like:

    body.archive #content_wrap {width:100%; float:none; padding-left: 0px; padding-right: 0px;}
    body.archive #sidebar-widget {display:none;}
    .archive-item {width:33.33333%; float:left; padding-left: 20px; padding-right: 20px;}
    .archive-list {margin:0 -20px;}
    body.archive .pagenums {clear: both;}
    .archive-arrow {opacity: 0!important;}
    @media(max-width:768px){
    .archive-item {width:50%; }
    }

    PS: I don’t test it totally, maybe needs more details job.

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    #14002

    reframing
    Participant

    Thanks a lot, it works pretty good! So, the problem is, that the borders don’t fit with the borders of the header! I’ve this problem on several pages (incl. the shop-page). How can i fix that?

    • This reply was modified 2 weeks, 5 days ago by  reframing.
    #14007

    BWSM
    Keymaster

    Hi,
    As I said, I don’t test it totally.
    Please leave your page url, I’ll check it.

    RG~

    #14009

    reframing
    Participant

    Hello!

    The URL is http://www.frischbild.ch
    Thanks a lot for your help!

    sincerly,

    #14010

    BWSM
    Keymaster

    Hi,
    Please add the custom css:
    .sidebar-layout.row {margin-left: 0;margin-right: 0;}

    RG~

    #14013

    reframing
    Participant

    Unfortunately, nothing changed since i add the line above in the custom css section. the different borders (header/content) are on every page, f.e.:

    http://www.frischbild.ch/blog/
    http://www.frischbild.ch/info/
    http://www.frischbild.ch/kontakt/

    On the shop-page there are no borders:

    http://www.frischbild.ch/shop/

    #14014

    BWSM
    Keymaster

    Please add the custom css also:

    .bm-builder {
    margin-left: -20px;margin-right: -20px;
    }
    .archive .main-list { 
    padding-left:40px; padding-right:40px;
    }
    #14053

    reframing
    Participant

    Yes, this works nearly perfect. Only on the single-pages of the blog the borders doesn’t fit with the header, f.e. http://www.frischbild.ch/2016/08/20/rosengarten/.

    #14054

    BWSM
    Keymaster

    Please remove the custom css:
    .sidebar-layout.row {margin-left: 0;margin-right: 0;}

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.