Styling the Archive-page

[reframing]

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!

[SeaTheme]

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.com – Twitter – Facebook

[reframing]

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?

[SeaTheme]

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

RG~

[reframing]

Hello!

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

sincerly,

[SeaTheme]

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

RG~

[reframing]

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/

[SeaTheme]

Please add the custom css also:

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

[reframing]

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/.

[SeaTheme]

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

[Author]

Posts