Portfolio Grid Abstand / Padding / mousover effect

OK

Hi Victoria,

the css formatting for a circular presentation is already available for the enfold theme and can be selected via the image design.
This function will generate this code:

<div class = “flex_column av_one_third flex_column_div avia-builder-el-7 el_after_av_two_third el_before_av_hr” style = “background: # f6f6f6; padding: 30px; background-color: # f6f6f6; border-radius: 0px;”> <div class = ” avia-image-container av-hover-grow avia-builder-el-8 el_before_av_textblock avia-builder-el-first avia-align-center “itemprop =” ImageObject “itemscope =” itemscope “itemtype =” https : //schema.org/ImageObject “>

<div class = “avia-image-container-inner”>
<div class = “avia-image-overlay-wrap”> <span class =” image-overlay overlay-type -image “style =” left: -5px; top: 0px; overflow: hidden; display: block; height: 295px; width: 305px; “> <span class =” image-overlay-inside “> </ span> < / span> </ div> </ div> </ div>

The question is: as with the presentation of the portfolio items the already existing css class for a circular representation can indicate.
Die Frage ist: wie bei der Darstellung der Portfolio Items die bereits bestehende css-Klasse für eine Kreisdarstellung angegeben werden kann.
===
Please answer me also the question about the column distance of the portfolio items.
Thank You.

Hi,
yes, I add the css code. But it is not the desired result because the css-code generates unequal distances. These should be the same.
The same question have been asked here in the forum by three other users.
thanks
===
Hi,
Ich habe den genannten Code eingefügt. Aber es ist nicht das gewünschte Ergebnis, weil der CSS-Code ungleiche Abstände erzeugt. Diese sollen aber gleich sein.
Dieselbe Frage wurde hier im Forum schon von drei anderen Usern gestellt….
mfg

Hi Ismal,

it works! In combination with the .grid-entry.flex_column code, uniform columns can be created. Many Thanks
===
.flex_column.av_one_full.no_margin.flex_column_div.av-zero-column-padding.first.avia-builder-el-10.el_after_av_hr.el_before_av_section.avia-builder-el-last {padding: 0 20px;}
.grid-entry.flex_column {padding: 0 20px 40px 20px;}
===

Can you also answer the first part of my question?
In: Portfolio: Images style can be a circle formatting select. can this css function also be used for the layout element: “Portfolio grip”?

Hi Ismael.
Thank’s again.

Yes, border-radius: 100%; is a possibility.
But that comes out of you. see screenshot. https://iomo-de.prossl.de/temp/egg.png
The pictures are distorted. The distortion takes place somewhere between 400 – 500 px.

However, my pictures have 600 x 600 px so this way is not usable. On the other side it can correctly execute your system in the portfolio.
very confusing… ?!!
how should I solve the problem on the user side?

best regards

Hi Vinay,

not sure what you mean. the portfolio images are taken from the post pictures. And the post pictures can not specify a size.
The problem should also occur with you, if you adjust it.

best regards

Hi Ismael,
ok. das Problem wurde glöst. Man muss beim Portfolio > Benutzerdefinierte Bildgröße ein quadratrisches Format wählen.
Verrwirrend war, dass es mit Bildern unter 450 px immer richtig scaliert wurde.
Danke.
===
OK. the problem was solved. It have to choose a square format for Portfolio> Custom Image Size.
The confusing thing was that it was always scaled correctly with pictures under 450 px.
Thank you.

My inquiries were answered. Thank you