Bug in Helix Framework? - Forum | JoomShaper
Solved Helix Framework

Bug in Helix Framework?

Asked by BOFHJunior 3 years ago Last activity 3 years ago

This post is for Helix Ultimate Version: 2.0.15

I am not sure if this Bug is related to Helix Framework but the CSS Code below was added there and it is not the expected result so i guess its a bug in Helix Framework.

I added the following CSS Codes in the "Custom CSS" field in Helix Framework:

.speasyimagegallery-album img {
border-radius: 10px;
}

.speasyimagegallery-gallery-item img {
border-radius: 10px;
}

viewing into Pauls direction
Still using that border-radius: 10px CSS Code for my work hehehe ;-)

In the Albums overview the upper edges are rounded, the lower edges not.
https://prnt.sc/l_YEB9EcqJ4Z

But if you look closer the lower edges are rounded but overlapped by grey edges.
https://prnt.sc/tgrMwms6hybn

This RGB color 128/128/128 (#808080) i do not use in this project.
I looked trough the Helix Framework Presets but i use there other colors.
I also tried the CSS Code background-color: rgba(255, 255, 255, 1.0); but without solving the issue.

The second CSS Code is working perfect for the individual albums.
https://prnt.sc/uTNp7cZFrCgb

Any ideas how to solve that issue?

Accepted answer

Marked as the solution
Pavel
3 years ago · edited

Hi. Not bug in Helix, but your HTML/CSS skills.

Instead of...

.speasyimagegallery-album img { border-radius: 10px; }

.speasyimagegallery-gallery-item img { border-radius: 10px; }

... try to use

.speasyimagegallery-album > div,
.speasyimagegallery-gallery-item > div {
    border-radius: 10px;
    overflow: hidden;
}

Tip: Do not use the "Custom CSS" field in Helix Framework, because it adds the whole code to head. Which leads to cluttering and worsening performance. Use custom.css file instead of it.

"Custom CSS" field in Helix Framework should be used in rare cases for a small volume of code, to which you want give the highest priority, when you use several copies of the template style.

For example, if you want that in the first template style the menu will be red and in the second template style the menu will be green. Then you can use this field.

Yes, staff employees often offer to add code to this field. But in my opinion, such a proposal speaks of unprofessionalism of an employee or laziness for a more detailed explanation.

BOFHJunior Asked this
3 years ago

Hi Pavel,
thx for your assistance.
Yes my CSS skills are very basic but i learn every day.

I transfered your Code into the custom.css and its working fine.

1 more reply

Log in to reply.