Bug In Helix Framework? - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Bug In Helix Framework?

BOFHJunior

BOFHJunior

Helix Framework 2 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?

0
5 Answers
Pavel
Pavel
Accepted Answer
2 years ago #131087

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.

0
BOFHJunior
BOFHJunior
Accepted Answer
2 years ago #131412

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.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #131285

Hi BOFHJunior,

Did you try Pavel's code? Please let me know if it helps.

Here are all about custom code sections: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Best Regards

0
BOFHJunior
BOFHJunior
Accepted Answer
2 years ago #131415

yes its working, thx

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #131707

You're welcome:)

0