Rythm Template Homepage Image CSS Fix - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Rythm Template Homepage Image CSS Fix

Robert

Robert

Template 2 years ago

Hi,

I've installed the Rythm template and noticed that the images are not being reproduced as shown on the template preview page. I found the following CSS code relating to that page but not sure that that is what creates the broken image display. I would like the images to display on my website homepage as shown in the Joomshaper preview.

@media (max-width:1199px){
  #addonId .sp-slider .sp-slider_number {
  display:none;
  }
}
@media (max-width:1199px) and (min-width:992px){
#addonId .sppb-addon-sp-slider .sppb-sp-slider-title {
    font-size:80px !important;
    line-height:100px !important;
}

  @media (max-width:1700px) and (min-width:1420px){
  #addonId .rythm-slider.dot-controller-position-vertical_right.sp-slider .sp-dots {
    right: -30px;
   }
    #addonId .rythm-slider.sp-slider .sp-slider_number {
          left: 1320px;
    }
  } 

  @media (max-width:1420px) and (min-width:992px){
  #addonId .rythm-slider.dot-controller-position-vertical_right.sp-slider .sp-dots {
    right: 0px;
   }

  #addonId .rythm-slider.sp-slider .sp-slider_number {
      display:none;
   }
  }

Regards.

0
2 Answers
Robert
Robert
Accepted Answer
2 years ago #123878

Hi,

Ya, I figure that out finally... The broken areas are transparency alpha layers. I was actually able to recreate my images into the same style used in this template via this simple YouTube Tutorial, which explains how to copy transparency layers from one image to another using GIMP. All good here, thanks.

Regards.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #123741

Hello Robert

There is no code associated with it. We have used this image:

https://demo2.joomshaper.com/2021/rythm/images/2021/06/28/slider-image1.png

The image broken into pieces is actually one image. You will understand if you see the link above.

Best regards

0