Viewing 3 replies - 1 through 3 (of 3 total)
  • I have this same question also. The thumbnails of posts on the home page have semi-transparent circles with a plus on them. It seems like something only an admin or editor should see, but I don’t know why it would be there anyway since it doesn’t seem to have any use.

    That circle with + is for the Featured Image and will display that image once you define it within the post.

    You need to edit the “portfoliooverlay” in the stylesheet CSS. So, open the stylesheet in the editor and search for that, then play around with the settings.

    Here is my portfoliooverlay settings on one of my sites. That “circle with + sign” is invisible (due to the opacity settings I changed) until the user mouseover (hover) the image. You can make it always invisible by changing opacity in a few places. Again: play around with it or google it for more info.

    
    .portfoliooverlay span {
    	font-size:40px;
    	font-weight: bold;
    	background-color: #384249;
    	height: 45px;
    	width: 75px;
    	display:block;
    	text-align: center;
    	margin: 0 auto;
    	position:absolute;
    	top:0px;
    	left:0px;
    	margin-left:80px;
    	margin-top:45px;
    	-moz-opacity: 0.0;
    	-khtml-opacity: 0.0;
    	opacity: 0.0;
    	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
    	padding-top:30px;
    	-moz-border-radius:75px;
    	-webkit-border-radius: 75px;
    	border-radius: 75px;
    	line-height: 15px;
    }
    .portfoliooverlay:hover span {
    	-webkit-transition: opacity 1s ease-in-out;
    	opacity: 0.8;
    	-webkit-transition-duration: 0.4s;
    	-moz-transition: opacity 1s ease-in-out;
    	opacity: 0.8;
    	-moz-transition-duration: 0.4s;
    }
    .portfoliooverlay {
    	position:absolute;
    	top:0px;
    	left:0px;
    	width:225px;
    	height:158px;
    }
    .portfoliooverlay:hover {
    	-webkit-transition: border-bottom 1s ease-in-out;
    	opacity: 1;
    	-webkit-transition-duration: 0.4s;
    	-moz-transition: border-bottom 1s ease-in-out;
    	opacity: 1;
    	-moz-transition-duration: 0.4s;
    }
    .portfoliooverlay a {
    	color:white;
    	display:block;
    	width:225px;
    	height:158px;
    }
    .portfoliooverlay a:hover {
    	color:white;
    	transition: all 0.5s ease-out;
    }
    
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to remove or change the circle with plus on front page?’ is closed to new replies.