Hello !
I try to have a line of 6 portfolio featured pictures in line on my first page. I modify the CSS below. It works, but first the page load, then the images move to the correct position. Maybe there is a solution for having 6 portfolio featured pictures in line by default without this delay ?
With the modification I made on the CSS, when the screen size is very big (> 2000px width), the white space below the shapely portfolio widget is good. But when screen size is around 1000px, we can see lots of space below this widget.
I made other modification which seems to be working well :
Thank you
@
/* 6 photos sur la meme ligne avec un grand ecran*/
@media screen and (min-width: 768px) {
.post-type-archive-jetpack-portfolio #page #main article,
#page .shapely_home_portfolio .row.masonry .masonry-item.project.fadeIn.masonry-brick {
position: static !important;
width: 16.33%;
}
.bg-dark {
height: 508px
}
}
/* Fond blanc et marges du widget portfolio - 1ere page*/
.bg-dark {
background: #FFF;
margin-top: -20px;
margin-left: 30px;
margin-right: 30px;
padding:0px;
margin-bottom: 10px;
}
/*
Les galleries des portfolio sont responsives
*/
.gallery-item {
width:auto !important;
}
/*texte justifié dans le 1er widget
*/
.mb32 {
text-align: justify;
}
/* marge de la photo principale de la premiere page et couleur*/
section.bg-secondary{
margin-bottom: -87px;
margin-top: -80px;
background: #FFF;
}
/* virer les featured image de la page portfolio */
.entry-header img { display: none; }
/* Les portfolios sont en pleine page */
.col-md-8 {
width: 100%;
}
/*virer les titres */
.post-title {display: none;}
/*virer la recherche en haut */
#site-navigation .search-widget-handle {
display: none;
}
/* virer éplein ecran dans gallery */
.jp-carousel-image-meta {
display: none;
}
/* Taille du logo*/
img.logo {
max-height: 100%;
}
/*taille de la zone menu */
#site-navigation .module.left, .nav-bar a (min-width: 990px){
height: 55px;
}
/*Taille de la police des menus */
.menu li a {
font-size: 12px;}