Standard Kategorieanzeige zeigt falsches Bildformat / Woocommerce Kategorieseite

Good day.

Today, unfortunately, no response from you !?

We need but only the addition of the CSS code that Ismael had already sent. The worked. Only the images are quadratic and not over the entire length.

I am not familiar with the Enfold Theme. Sorry!

As such, it’s the same attitude as on the product page (above Kategroriebild) should still be the same programming.

Please make a quick response. Otherwise we can not import the images.

Thanks in advance.

greeting
Jessica

Hi Andy!

Thanks for the reply and that you have taken the time.

Ismael has sent me the following CSS code:

.tax-product_cat .products .product-category {
    width: 100%;
    text-align: center;
}

We reached that a subcategory screen per row or column is visible. Perfect!

The text required including – centered. Perfect!

If we now assign this subcategory an image in the format 950 x 450, then it appears squarely centered. (Whether we work on it before and / or. Scale Even if we reduce this picture, it does not bring the desired success.

1) The main category image (Image A) has dimensions of 950 x 450. It will be displayed optimally in height and width. – Perfect!

2) The subcategory (Image A) has the dimensions 950 x 450. It will not be displayed optimally in height and width – Special trimmed and square (even if it is processed in advance). However, it should be shown as the picture of the main category.

3) If you now clicks on the subcategory screen (Image A), will open the product page (Image B), and there is this category picture perfect now in its dimensions appear.

And exactly how it should be displayed as a sub-category image.

Excuse my English is not perfect. I hope you have understood me now anyway. If you go to our website (the link I have marked as private and indicated.) Then you will see the error. (Okay, it’s three rows, because we have the CSS code removed.)

It destined only missing a little something to this CSS code.

Many thanks for your help.

Greetings
Jessica

Hey!

Sorry, no idea what a mockup is.

As such, it can be seen in pictures, what we need !?

I’m sorry if I prepare you much work.

Ishmael gave me this CSS – Code: (This code is perfect!)

.tax-product_cat .products .product-category {
     width: 100%;
     text-align: center;
}

This code is not complete.

Each image that we assign to a sub-category is always displayed centered and square. But the images are in width have 100%.

I Ismael`s CSS code activated and send you now again 4 images.

1) Main category – allocation of images perfect! (so it should be even with the sub)
2) Subcategory – image appears square and centered (which is wrong)
3) Subcategory – So are the images must be displayed as you can see here

All images are processed and have a standard size! Because it is not!

If you go to our website, you will see that the images are displayed Hauptkategroie perfect and also the subcategory screen on the product page.

Please take a look at the pictures, then you will see what I mean. For this purpose the following links on our website. (I have a picture that you used on the website will find)

Link main category page: Perfekt !
Link Subcategory side (look for rot und rosa color gele): No Perfekt !
Link product page: Peferkt !

As such, it’s the same CSS code as for the main category image and on the product side (Subcategory picture). Since it works but wonderful presentation.

Sorry, but I do not know my way, with CSS code of Enfold.

Thanks for the help. Your gives you really big effort.

greeting
Jessica

Hi Andy,

This is the result of the CSS code.

That with the height we had already tried.

Why is this so complicated?

Best regards
Jessica

Hi, Andy,

thanks for the email. The browser’s cache I more than once deleted but the result is always the same.

I let the setting of you and then see for yourself please.

far down scroll to the subcategory Red / pink color gels see if you then click on this category on the next page all right. We display correctly.

The images are always centered and square. No matter what one takes there is no change. No matter what code I’m using it, nothing changes.

When I apply 150%, everything is superimposed over

But if we remove the line “text-align: center;”, then the images will also be placed at the beginning, just the text. But the images still remain unchanged in height and width.

What do we do now?

Best regards
Jessica

Hi Andy,

my mother passed away and that’s why I’ll get only today.
You can find access data as private.

Category Images I have almost all used. In the height do not let Unfortunately adjust.

Best regards

Jessica

Hallo Andy,

danke für die Anteilnahme, das Leben geht weiter und die Arbeit lenkt mich ab.

Also an sich ganz simpel. Die Kategorie Bilder sind eingespielt und Sie werden korrekt angezeigt in der Länge.
Das Problem ist, dass sich die Höhe nicht einstellen lässt bei diesen CSS Code (keine Reaktion):

.tax-product_cat .products .product-category {
width: 100%;
text-align: center;
height: 100%;
}

und bei diesen CSS Code ist alles zusammengezogen:

.tax-product_cat .products .product-category {
width: 100%;
text-align: center;
height: 150px;
max-height: 150px;
}

Ich möchte nur erreichen, das das Kategorie Bild genauso dargestellt wird, in den Maßen wir auf der Produktseite. Also wenn man eine Kategorie anklickt, dann öffnet sich die Produktseite und das Kategorie Bild wird korrekt angezeigt. Mehr ist es an sich nicht.

Problem, der CSS Code reagiert nicht. (auf heigt: 80px oder so…)

Ist wahrscheinlich für Euch nur eine Kleinigkeit. Danke im voraus für die tolle Unterstützung.

Grüße
Jessica

Hallo Andy,.

Yigit hat den nachfolgenden CSS Code veröffentlich für die Sidebar (Widget individuelles Menu).

.widget_nav_menu li {
border-bottom: 1px solid #e2e2e2;
}
.widget_nav_menu a:hover {
background: black;
color: white;
}

Könnten sie bitte den CSS Code für die Woocommerce Produktkategorien (Sidebar) ebenfalls so erstellen. Aber die Hierarchie anzeigen und nur die Unterkategorien der aktuellen Kategorie anzeigen soll bleiben.

Für Ihre Hilfe vielen Dank.

Grüße
Jessica