The Joomla module shows a strange background image size

Resolved Issue
PS Circle Hover Effect Stella
  • (1 Ratings)

Hi there, first of all thank you very much for providing your template.

I am using Yarnio Template, which is based on the Gantry Framework. If you take a look at the yarnio demo template, they use this module in the "feature" position without any problems.

However, i am trying to use it in the same position, but it doesn´t fit and overlapps with the main body content.

I´ve alread seen the other posts in this forum and tried both solutions. Then I included the following code on the custom css style in the module setup and it almost work:

.ch-grid li {

width: 350px;

height: 350px;

}

The problem is that the background image for every circle is bigger than the circle and doesn´t look good. Could you please help me? i´ve tried everything but couldn´t find any solution. You can see the web page i am building and this effect.

Thank you in advance!

Accepted Answer

AppClave Accepted Answer

7 years ago #165

Hi Stella,

Can you try to add below custom CSS style to in your custom CSS style section...

.ch-img-1, .ch-img-2, .ch-img-3{

  background-size: 350px;

}

Best Regards,
AppClave Team

1 Responses

Stella

7 years ago #166

thank you very much for such a soon reply! i replaced the other code with your code and worked perfectly! you guys are really awesome!

regards!

Submit Your Response