Geliştirici yardımcı oldu sorun düzeldi. Konu kilitlenebilir.

Kullandığım yazılımda slide modülü var. Öncesinde resimin üzerinde yazı yazıyordu fakat yazıyı kaldırdım. Şimdi de resmin alt tarafına doğru siyah bir bar çıkıyor. Hani bazı manşet temalarında alt kısım biraz siyah olurya aynen öyle oluyor. Ben o kısmı kaldırmak istiyorum. Birde slide da ki resim bulanık çıkıyor.

İstediklerim;

• Aşağıdaki resimde bulunan siyah gölgenin kalkması,
• Slide resmin daha net gözükmesi,
• Olursa birde çekilen resmin (wordpressden çekiyor) slide içine sığdırılması. Resim büyük olursa kırpıyor otomatik. Yada slide alanının boyutunun değişmesi.

page-news {
    .slides-sticky {
        * { direction: ltr; }
        background: color($colors, light);
        height: auto;
        .slide-zoom {
            height: 100%;
            font-size: 1.6rem;
            img {
                width: 100%;
                max-height: none;
            }
        }
        .swiper-pagination {
            bottom: auto;
            top: 5px;
            .swiper-pagination-bullet {
                opacity: .5;
                margin: 0 2px;
                &.swiper-pagination-bullet-active {
                    background: color($colors, light);
                }
            }
        }
    }
}

<ion-content #content>
  <div padding-x2 *ngIf="!loaded">
    <ion-spinner name="{{'general.infiniteSpinner'|translate}}" margin-auto margin-top></ion-spinner>
  </div>
  <!-- Refresh -->
  <ion-refresher [enabled]="loaded" (ionRefresh)="doRefresh($event)">
    <ion-refresher-content [pullingIcon]="'general.pullingIcon'|translate" [pullingText]="'general.pullToRefresh'|translate"
      [refreshingSpinner]="'general.refreshingSpinner'|translate" [refreshingText]="'general.refreshing'|translate">
    </ion-refresher-content>
  </ion-refresher>
  <!-- no data -->
  <div padding-x2 *ngIf="loaded && (!posts || posts.length < 1)">
    <img src="assets/imgs/no-data.png" margin-auto />
  </div>
  <!-- Sticky -->
<ion-slides *ngIf="sticky && sticky.length > 0" class="slides-sticky" autoplay="3000" pager="true">
<ion-slide *ngFor="let post of sticky" [ngClass]="post.format" (click)="openDetail(post.id)">
<img float-start [src]="post.image||'assets/imgs/no-image.png'">
<div gradient text-left absolute bottom width-100 padding-x2 light>
<div [innerHTML]="post.title"></div>
</div>
</ion-slide>
  </ion-slides>
  <!-- 4 column posts -->
  <list-posts *ngIf="colPosts" [posts]="colPosts" templates="column"></list-posts>
  <!-- List posts -->
  <list-posts *ngIf="posts" [posts]="posts"></list-posts>
  <!-- Load more -->
  <ion-infinite-scroll threshold="45%" (ionInfinite)="load($event)" *ngIf="!over">
    <ion-infinite-scroll-content loadingSpinner="{{'general.infiniteSpinner'|translate}}"></ion-infinite-scroll-content>
  </ion-infinite-scroll>
  <!-- Goto Top button -->
  <goto-top ion-fixed absolute bottom end [content]="content"></goto-top>
</ion-content>

wordpress de ki verileri çekiyor. Onun içerisinde yer alıyor. Tabii bunlar ionic ile oluşturulmuş component.



Geliştirici yardımcı oldu sorun düzeldi. Konu kilitlenebilir.