2014-09-19 1 views
-1

즐거운 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; 
} 
+0

는 코드를 보여줍니다. –

+0

어떤 해결책이 도움이된다면 코드를 게시했습니다 –

+0

나를 잘 보입니다. http://jsfiddle.net/c313btrf/ 'wrapper' div로보기 링크를 이동했습니다 – Justinas

답변

0

. 주요 사업부 상대를 만들고 그것을 가지고 내 morediv의 높은 게재 순위는 절대 만듦으로써

insta_more_link { 
    font-weight: 600; 
    /* float: right;*/ 
    width:60px; 
    /* display: inline-block;*/ 
    height:20px; 
    position:absolute; 
    right:0; 
    bottom:0; 

} 
.insta_block{ 
    width: 100%; 
    height: auto; 
    /* background: #ff0;*/ 
    padding:0 20px; 
    position: relative; 
} 

관련 문제