Slider images size

Support
#1

issue 1
issue 11535×957 287 KB
Hi guys,
I have two issues on our web hodinovykucharcatering.sk and I kindly want to ask you for help.

  1. we need to add the text in the specific part of the footer see attached
  2. we are using slider presentation https://www.hodinovykucharcatering.sk/sluzby/ Problem is that window of the slider is changing size based on the image resolution. Is there a way set a fixed resolution so the page will stop going up and down. Also there is a problem while the images are changing text next to them starts to shake and it is hard to read. I understand with a fixed resolution part of the images will be cut.

Thanks guys

Michael

#2

Hi Michael,

Thank you for writing in, 1) That area of Footer is a padding, regretfully, the only way you can add content on that area is via a customization which is outside of the scope of our support.

If you are more interested in having control over all aspects of the footer I suggest that you consider the Pro theme which has a Footer builder and you can use various elements to create a footer.

2.) You can force the sliders to have a min-height on those via a custom CSS, however this is not recommended as there will be white a white space on the small images that won’t cover the entire slider. My advice is to have your slide images in uniform size (height and width).

Cheers!

#3

Thank you for your reply. I understand the issue with slider so we will update resolution of all the images.

Concerning the footer there is no way how to edit it? Only thing we want is to add “FOLLOW US ON” above the social icons.

Thanks
Michael

#4

Hi Michael,

We can use a trick to add only that text as it seems to a simple one. Please kindly consider that the code given is not in any shape or form a final one and it is a code for your research to implement the feature as the customization as such is outside of our support scope.

Please kindly add the CSS code below into X > Theme Options > CSS:

.x-social-global::before {
    content: "FOLLOW US ON";
    float: none;
    display: block;
    position: relative;
    top: -30px;
    font-size: 13px;

Feel free to change the font size or the top positioning of the text.

Thank you.

#5

Perfect thanks a lot. It works perfectly.

Michael

#6

Glad to hear that, Michael!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.