Hi,
To adjust the “… out and about” for the instagram widget, Try this code in the General Styling > Quick CSS field:

.avia-instagram-feed h3.widgettitle {
font-size: 70% !important;
color: red !important;
}

adjust to suit.
To change the button font color, try this css:

a.av-instagram-follow.avia-button {
color: red !important;
}

To add text before (above) & after (below), try this css:

a.av-instagram-follow.avia-button:before {
content: " Before \A";
 white-space: pre;
}
a.av-instagram-follow.avia-button:after {
content: "\A After";
 white-space: pre;
}

To have the text before & after inline with the button text, please remove the “\A” from the code.

Best regards,
Mike

Hi,
I have taken a look and found that you have a js error:

magnificPopup is not a function at /wp-content/themes/enfold-child/js/custom-js.js

so it seems that your custom script in your child theme is conflicting with the magnificPopup
Please try removing the the custom script to see if that solves.

Best regards,
Mike

Hi,
Sorry for the late reply, I was not able to login with the link you supplied, and you please activate it again?
I looked at your page and see that the images have a source of (unknown)

I also see that you are using automptimize cache plugin, please clear the site cache and disable plugins to test, then leave your caching plugin disabled while we assist.
Once we can login we will be able to investigate further.

Best regards,
Mike

Hi,
I viewed the last page, but don’t see the entry called Impressum, Please see screenshot in Private Content area.
Do you still see this if you log out and clear your browser cache?

Best regards,
Mike

Hi,
Do you mean that you want the footer to show on the bottom of the page without scrolling, or have the footer the same height on different browsers after scrolling?
If it’s the first, try adjusting the “100vh” to about “69vh”, if it’s the second, it looks as though it is doing that now on Chrome, Firefox, & Edge, on Windows.
Please see screenshot in Private Content area.

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

.header_color .main_menu .menu ul li a,
.html_header_top .header_color .main_menu ul:first-child >li > ul {
background-color: transparent !important; 
}

If it doesn’t work for you, please try adding it to the WordPress > Customize > Additional CSS
then please clear your browser cache and check.
Please see screenshot in Private Content area.

Best regards,
Mike

Hi,
You should be able to do this by adding the 2/3 & 1/3 columns in the advanced layout builder.
I see that in your example the 1/3 columns do not line up with the 2/3 columns, and their height is created by their content.
So my test resulted with this:

If you dont want such gaps between the 1/3 columns you can use negative margins in your css to bring then up.

Is this what you had in mind?

Best regards,
Mike

Hey Milorad,
Try this code in the General Styling > Quick CSS field:

#top .av-masonry-entry .av-inner-masonry-content-pos-content .av-masonry-date {
display: none !important;
}

I see that you are using a child theme, so if you add the css to your child theme style.css you may need to re-build your merged css by saving your theme settings.
To re-build the merged css files, try entering a blank space in the Quick CSS to enable the “Save all changes” button, then save.
Then clear you browser cache and check.

Best regards,
Mike

Hey dcpatoday,
We can assist in hiding the code block element, but I would first like to ask what content it holds and when it should show.
I viewed your page at different screen sizes and didn’t see any new content from the code block element. Your question leads me to believe it holds css styling only, which could be better placed elsewhere.
Can you please include a admin login in the private content area so we can take a closer look to understand your question’s context.

Best regards,
Mike

Hey feoleb,
Try this code in the General Styling > Quick CSS field:

#top #wrap_all #main .container {
min-height: 100vh !important; 
} 

Please clear your browser cache and check.

Best regards,
Mike

Hi,
I added this css to your Quick CSS for the hover color of spotify, amazon, & iTunes

#top #wrap_all .social_bookmarks_spotify_icon:hover a {
    color: #fff;
    background-color: #1ED760;
}
#top #wrap_all .social_bookmarks_spotify_icon a {
    color:#de6739;
    background-color: transparent;
}
#top #wrap_all .social_bookmarks_amazon:hover a {
    color: #fff;
    background-color: #F79B34;
}
#top #wrap_all .social_bookmarks_amazon a {
    color: #de6739;
    background-color: transparent;
}
#top #wrap_all .social_bookmarks_itunes:hover a {
    color: #fff;
    background-color: #E837E0;
}
#top #wrap_all .social_bookmarks_itunes a {
    color: #de6739;
    background-color: transparent;
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear this solved the issue for you.
I’m not able to test safari, so I will need to look further into this issue with some help.
Unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hey Stephan,
You can show the Enfold Advertising Area widget on certain categories and pages using the Widget Logic plugin.

You can force all links to open in the same window or tab with this code to the end of your functions.php file in Appearance > Editor:

function force_links_self(){
?>
<script>
(function($){
$(document).ready(function(){
 
$('a[target="_blank"]').removeAttr('target');
 
});
})(jQuery);
</script>
<?php
}
add_action('wp_head', 'force_links_self');

Or if you want this to only work on your “Premium advertising space” sidebar area, please use this code instead:

function force_links_self(){
?>
<script>
(function($){
$(document).ready(function(){
 
$('a.preloading_background[target="_blank"]').removeAttr('target');
 
});
})(jQuery);
</script>
<?php
}
add_action('wp_head', 'force_links_self');

Best regards,
Mike

Hey profumopuntoit,
I have looked at your page, but I don’t see any 404 errors and I see the star review on hover. Is the correct one?

If you would like it to always show, please try this code in the General Styling > Quick CSS field:

.thumbnail_container .rating_container {
    opacity: 1 !important; 
}

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px) { 
.responsive #top.page-id-18 #wrap_all .flex_column.avia-builder-el-1 {
margin-bottom: 0px !important; 
}
}

Please clear your browser cache and check.

Best regards,
Mike