Featured image problem

  • Hi,

    Since a few hours I have a problem with the images overflow (I guess). I experimented with search plugins this morning, but removed all of them (deleted). So there is no plugin that wasn’t here as the startpage still worked.

    What do I have to do to fix this problem? I use a child-theme and have this code, concerning these images:

    /* Hintergrund der runden Bilder Startseite */
.round-div {
  border: 104px solid #F1F3E6;
  border-radius: 900px;
  display: block;
  height: 170px;
  left: -54px;
  position: absolute;
  top: -66px;
  transition: all 0.3s ease 0s;
  width: 170px;
  z-index: 99;
}

/* Hintergrund der runden Bilder Startseite auf mobilen Ger?ten*/
.widget-front .round-div {
  border: 94px solid #F1F3E6;
  height: 150px;
  left: -67px;
  top: -44px;
  width: 150px;
}

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter Ypanesa

    (@ypanesa)

    Forgot the link: https://der-tut-nichts.info/

    Changed some of your css and now it works well for me in firefox.

    .widget-front .round-div {
  border: 104px solid #F1F3E6;
  height: 170px;
  left: -54px;
  top: -61px;
  width: 170px;
}

    Let me recomend you a browser plugin for web development, firebug. Pretty useful.

    Thread Starter Ypanesa

    (@ypanesa)

    I absolutely don’t understand, what happend. It worked fine for days and suddenly, the border wasn’t large enough anymore. I didn’t see the difference.

    I am really confused. Thank you so much.

    Thread Starter Ypanesa

    (@ypanesa)

    Sorry, but I have the same problem again on this page:

    https://der-tut-nichts.info/page/2/

    I found this CSS:

    .span6.article-container .round-div {
    height: 115px;
    left: -76px;
    top: -76px;
    width: 115px;
}

    but changes from height and width to 130 don’t help. I found this problem after the last update. Could someone please be so kind and help. I don’t know CSS very well. Firebug shows another 2 errors.

    PS: The loading time is huge, I don’t know why.

    rdellconsulting

    (@rdellconsulting)

    This will override those settings:

    .round-div {
    height: 170px !important;
    left: -54px !important;
    position: absolute;
    top: -66px !important;
    width: 170px !important;
}
.thumb-wrapper {
height: 250px !important
}

    Performance is very poor. Could try P3 plugin which shows you where plugin time is being spent. Otherwise, contact your Hosting for advice.

    Thread Starter Ypanesa

    (@ypanesa)

    Thank you for your help. Pictures are ok now (of course ??

    I already use P3 and I scanned yesterdaay.
    I have 23 plugins with a loading time of 0,429 sec.
    The loading impact is 45,3 % and Jetpack take the most.

    That’s why I deactivated Jetpack and the result is
    23 plugins with a loading time of 0,27 sec.
    Now the loading impact is 33,2 % and All In One SEO take the most. The second is “other”.

    It seems to me that the problem must be somewhere else. Normally I get an info from my hoster (domainFactory, Germany), when they detect something wrong. But I will ask them to be sure.

    Thank you very much for your help. It is highly appreciated.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Featured image problem’ is closed to new replies.