Featured image problem

(@ypanesa)

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)

10 years, 3 months ago

Forgot the link: http://der-tut-nichts.info/
Galegri
(@galegri)

10 years, 3 months ago
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)

10 years, 3 months ago

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)

9 years, 4 months ago
Sorry, but I have the same problem again on this page:

http://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)

9 years, 4 months ago
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)

9 years, 4 months ago

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.

Tags