Hey Dundee,
Thanks for the links, so on your ski page I see you have a full width slider, then 3 smaller images, then a full width gray text block.
So I make the 3 image section have a max-width 80% with margin auto to center them. In between the images and the slider was a white area so I hide it to look better, but feel free to adjust to suit.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#homepage-section-overlay {
	max-width: 80%;
    margin: auto;
}
#after_full_slider_1 {
    display: none;
}

After applying the css, Please clear your browser cache and check.
Please see the screenshot in Private Content area of the Expected results.

Best regards,
Mike

Hi,
Thank you for the link and screenshots, I see that you are using the grid row and the images are backgrounds of the cells, so what you need to do is add a “white space” element to the cells with enough padding to force the height you wish for mobile. Right now the cells think they are empty so they are collapsing down.

Best regards,
Mike

Hey marcoabis81,
Sorry for the late reply, which kind of gallery are you going to be using?
The default WordPress gallery
Gallery with Preview
Small Thumb Gallery
Bigger Gallery were additional images are available via lightbox
or the horizontal gallery
you can see most of them here.
1: With the default WordPress gallery adding a background-color will show as thin lines between the images, but the other galleries have a white border around each image so this doesn’t work, but it does change the hover overlay color because opacity is used.
This is an example css:

#top div .avia-gallery {
    background-color: red;

2: adding radius to the gallery would be different for each one, but here is an example:

#top div .avia-gallery {
    border-radius: 20px;

3: when you add images to your gallery you will see this option:

4: Typically the related posts at the bottom of a post are added automatically so to add anything under it could be done with jQuery, we would have to see the page to be able to assist with this.

I know this answers are a little vague, but there are many different possibles here depending on which gallery you use, once you start putting together your page we can assist further when we can see it.

Best regards,
Mike

Hey cukrmi,
Sorry for the late reply, the only way I could find to change this is to append your section ID to the pagination links with jQuery.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_pagination_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$(".pagination-wrap.pagination-slider nav.pagination a").each(function() {
   var $this = $(this);       
   var _href = $this.attr("href"); 
   $this.attr("href", _href + '#novinky');
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_pagination_script');

also please ensure that this theme setting is disabled: Enfold Theme Options > Performance > Load jQuery in your footer

Best regards,
Mike

Hi,
To add a screenshot please try using https://postimages.org/ and pasting the image URL in your post.
Or you can upload screenshots and videos to DropBox and post the urls in the Private Content area.

Best regards,
Mike

Hi,
Thank you for the login, in order to make the left column sticky and retain it’s width and position and a fluid feel I recommend using jQuery. So the first step is to add a custom ID to your left column so we are only targeting this one, in the future if to create another page like this with the sticky column on the left and the distance from the top of 330px, you can use the same ID to also target it.

then we will add this code to the end of your functions.php file in Appearance > Editor:

function sticky_column(){
  ?>
  <script>
(function ($) {
    $(window).scroll(function (e) {
      var $sticky = $('#sticky-column');
      var width = $(window).width()
      var position = ($sticky.css('position') == 'fixed');
      if ($(this).scrollTop() > 100 && width >= 767 && !position) {
        $sticky.css({ 'position': 'fixed', 'top': '330px', 'width': $sticky.innerWidth() });
        $sticky.next().css('float', 'right');
        $sticky.addClass('fixed_element_style');
      }
      if ($(this).scrollTop() < 100 && position) {
        $sticky.css({ 'position': 'static', 'top': '0px', 'width': '' });
        $sticky.next().css('float', 'left');
        $sticky.removeClass('fixed_element_style');
      }
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'sticky_column');

Then in your theme settings this option needs to be unchecked: Enfold Theme Options > Performance > Load jQuery in your footer
Now you will see the column is sticky, you may need to clear your browser cache.
The only issue is that you are not using a Child Theme so on your next update this customization will be lost. Please consider reading about child themes and using one.

Best regards,
Mike

Hey polilili,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#main .entry-content .wp-block-button__link {
    background-color: #b90239;
    color: #fff;
}

this will make your button background color magenta and the text white, feel free to adjust to suit.
After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,
We would adjust the “Trip Advisor” code above to Telegram, but I checked fontello.com and found no “Telegram” icon font, so first you will want to find a Telegram svg and drag it into fontello.com to create a icon font:

Please note that colored SVG’s will not work, fontello.com should convert them into black and white.
then you will have the icon code needed for the function.

Best regards,
Mike

Hi,
Glad Ismael was able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
It sounds like this is sorted out now, shall we close this then?

Best regards,
Mike

Hey peterolle,
Typically this is the best way to show content in a lightbox, a possible reason you are getting the error could be because your site is loading the jQuery in the footer, perhaps via a caching plugin, Autoptimize, JetPack, or the setting at Enfold Theme Options > Performance > Load jQuery in your footer
If we can login and take a look we can probably sort this out.

Best regards,
Mike

Hi,
Thank you for the login, I see this is not a true sidebar and is a 1/4 column, which is fine, but will this also be on other pages or only on this one? If you add this to other pages please add a custom class to them all so the same css with work on all of them.

I see that some of your other pages have a true sidebar, do you want the background color changed for those too?
For the page you linked to, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#main > div > div.flex_cell.no_margin.av_one_fourth {
	background-color: #dddddd;
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hey mary301187,
You can add more social profiles by following the steps outlined here in our documentation.
Then you can upload your new icon to the Enfold Theme Options > Import/Export > Iconfont Manager from http://fontello.com/
I didn’t find your Beatport icon on fontello so you will need to find a SVG of it to drag into fontello to create the icon font:

The icon font will be black and white which css will color, so you don’t need to find a colored SVG, it won’t work. But if you want to use the png you linked to because it has a transparent background then you can convert it here.
Please give this a try and let us know if you need a hand with it.

Best regards,
Mike

Hi,
Thank you for enabling 2 articles, but only one is loading on page load then when the next/prev buttons are clicked the second is loaded with jQuery, so we won’t be able to change this behavior with css.
But to move the next/prev buttons up to the image for iPhone this css seems to work:

@media only screen and (max-width: 767px) { 
	#top .avia-content-slider .avia-slideshow-arrows a {
    top: 20% !important; 
	}
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike