Images not centered in featured article

fabrizio
Inactive member
Topic Author
New Member

9 years 9 months ago #44750 by fabrizio

Images not centered in featured article was created by fabrizio

Hi Ivan,

I installed Hot Golf template over an existing website ( www.golfnapoli.it ).

Everything went right but images in featured articles are not shown properly. Do you have any suggestions to fix it?

Thank you and congratulations for this amazing template.
Fabrizio

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

9 years 9 months ago - 9 years 9 months ago #44751 by ivan.milic

Replied by ivan.milic on topic Images not centered in featured article

Hello,

first in your joomla.css find and edit:

Code:

img {
  height: auto;
  vertical-align: middle;
  border: 0;
  width: 100%; //I've added this line
}

next, in template_css.css find and change value of next field:

Code:

.sparky_home .img-intro-none, .sparky_home .img-intro-left, .sparky_home .img-intro-right{
  display: inline-block;
  background: rgba(255,255,255,.18);
  padding: 0px; //I've edit this line
  margin-bottom: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 189px;
  height: 189px;  
}

So, just add or edit property above, other field leave as they are.
And make sure that last picture is squared shape, with almost equal width and height. Like first two.

Last edit: 9 years 9 months ago by ivan.milic.

The following user(s) said Thank You: fabrizio

Please Log in to join the conversation.

fabrizio
Inactive member
Topic Author
New Member

9 years 9 months ago #44752 by fabrizio

Replied by fabrizio on topic Images not centered in featured article

Thank you very much, Ivan. Now everything works fine.

Best,
Fabrizio

Please Log in to join the conversation.

Time to create page: 0.136 seconds