즐거운 instagram 플러그인을 사용하고 있습니다. 표시기에 아무 것도 표시하지 않게했습니다. 나는 페이지 네비게이션을 이전과 다음에 센터가 정렬되어 있습니다.링크가 작동하지 않습니다. 마진을 줄이면 -16px가됩니다.
플러그인에 포함되지 않은 페이지 탐색 아래의 태그를 사용하여 더 많은 링크를 썼습니다. 그것은 instagram 페이지로 리디렉션됩니다. 이제 같은 페이지 탐색 경로에서 더 많은 태그를 만들고 싶습니다. 그래서 나는 margin-top-25px를 주어 같은 줄에 있지만 링크가 작동하지 않는다. 더 많은 링크를 위해 div를 만들고 오른쪽으로 띄우면 width:60px
, margin-top:-25px
, height:20px
, display:inline-block
이됩니다. 나는 플러그인을 변경하지 않았다. 나는 플러그인 코드가 끝날 때 더 많은 링크를 썼다. 어떤 사람이 친절하게 나를 도와줍니다. 문법과 철자법에 오류가 있으면 용서해주십시오. instamor div가 plugindiv로 이동하면 더 많은 링크가 작동하지 않습니다.
미리 감사드립니다.
<div class="insta_block">
<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar(__('Instagram Section', 'aasim'))) : ?>
<?php endif; ?>
<div class="insta_more_link">
<a href="http://instagram.com/chinnireddy" target="_blank">More...</a>
</div>
</div>
CSS
.insta_block{
width: 100%;
height: auto;
/* background: #ff0;*/
padding:0 20px;
}
.insta_block .widget-container {
margin-top: 30px;
}
.owl-item .box img{
width:98%;
}
.owl-pagination{
display:none;
}
.owl-theme .owl-controls .owl-buttons div{
background:#0c4c8c!important;
opacity:1!important;
font-weight:600;
}
.insta_more_link {
font-weight: 600;
float: right;
width:60px;
display: inline-block;
height:20px;
margin-top:-25px;
}
.insta_more_link a{
color:#0c4c8c;
}
는 코드를 보여줍니다. –
어떤 해결책이 도움이된다면 코드를 게시했습니다 –
나를 잘 보입니다. http://jsfiddle.net/c313btrf/ 'wrapper' div로보기 링크를 이동했습니다 – Justinas