Jump to content

Front Page ( Page ) CSS issue


salue

Recommended Posts

hey guys 

 

I have an issue on my site main page www.ksalue.com the first post is not showing the thumbnail before 4.0.13 it was showing now it's not :(

 

here is my css code : 

.frontpage_firstitem {
    display:inline-block;
    width: 100% ;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.frontpage_firstitem:hover {
	
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
     box-shadow: 1px 1px 5px #999;
}

.frontpage_otheritem {
    display:inline-block;
    width: 49% ;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.frontpage_otheritem:hover {
	
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
     box-shadow: 1px 1px 5px #999;
}

.frontpage_firstitem .frontpage_title {
  
     position: relative;
   width: 100%;
   min-height: 50px;
   margin-top: 250px;
   text-align: center;
}


.frontpage_firstitem .frontpage_title h2 {

  font-weight: bold;  
word-wrap: normal;  
text-transform: uppercase;  
font-family: ProximaNova,"Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 1.4;
color: #FFF;
font-size: 20px;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
bottom: 0px;
left: 0px;
width: 100%;
padding: 10px;
margin: 0px;
position: absolute;
background-image: -moz-linear-gradient(center top , transparent, rgba(0, 0, 0, 0.7));

} 

.frontpage_title { 
  
   position: relative;
   width: 100%;
   min-height: 50px;
   margin-top: 200px;
   text-align: center;
  
}

.frontpage_title h2 {

  font-weight: bold;  
word-wrap: normal;  
text-transform: uppercase;  
font-family: ProximaNova,"Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 1.4;
color: #FFF;
font-size: 16px;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
bottom: 0px;
left: 0px;
width: 100%;
padding: 10px;
margin: 0px;
position: absolute;
background-image: -moz-linear-gradient(center top , transparent, rgba(0, 0, 0, 0.7));
}

@media only screen and (max-device-width: 480px) {
		.frontpage_otheritem {
			width: 100%;
		}
        .frontpage_firstitem .frontpage_title h2 {
          font-size: 16px;
        }
}


@media only screen and (min-width: 600px){ 
.cShareLink {
  width: 70px!important;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 0px!important;
  display: inline-block;
  color: white;
  font-size: 15px;
  opacity:0.7;
}

.cShareLink:hover{
opacity:1;
}

.cShareLink_email {
  background: #a8aaab;
}

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...