Hi,

I apologize for that, I thought the contact page was used (since it’s in the main menu) and not the test page, before trying to check for the issue I copied what was originally in the Avia Layout Debugger section, these shortcodes:

[av_one_full first  min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='']

[av_google_map height='400px' zoom='16' saturation='' hue='' zoom_control='aviaTBzoom_control' maptype_control='' maptype_id='']
[av_gmap_location address='Joachim-Friedrich-Strasse 37/38' city='Berlin' country='Deutschland' long='13.295920300000034' lat='52.4995302' tooltip_display='aviaTBaviaTBtooltip_display' marker='' imagesize='40']
Praxis für Psychotherapie & Psychosomatik (Brita Koßmann)
Joachim-Friedrich-Straße 37/38
10711 Berlin
Tel: 030/83225423
[/av_gmap_location]
[/av_google_map]

[/av_one_full]

then paste this content back after testing.

As for the cut off marker, please add this css code in Quick CSS:

#top .gm-style img {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

this should fix it, no other changes were made except for some testing in the test page and adding the code in style.css.

As for the 2nd issue:
The map in the footer is still not working.
– Description almost unvisible
Can you try adding this css code in Quick CSS:

#top .gm-style .gm-style-iw {
    color: black !important;
}

– No linebreaks possibe
try adding this code where you want line breaks to happen:

<br>

Best regards,
Nikko

Hi,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

.avia-content-slider-inner .slide-meta-comments, 
.avia-content-slider-inner .slide-meta-del, 
.avia-content-slider-inner .slide-entry-excerpt.entry-content {
    display: none !important;
}

Let us know if this helps :)

Best regards,
Nikko

Hi,

Let us know if you need further assistance or if we can close this thread.

Best regards,
Nikko

Hey bimsenfold,

Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hey Charlotte,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

.home .blog-meta a.small-preview {
    display: none;
}

Hope this helps :)

Best regards,
Nikko

Hi Steve,

Hmm, I don’t think it’s because of the video, can you try to replace the code I gave to this one:

@media only screen and (max-width:1124px) {
  #avia-menu .menu-item {
    display: none;
  }

  #avia-menu .av-burger-menu-main {
    display: block;
  }

  #avia-menu {
    width:auto !important;
    float:right: !important;
  }

  .responsive #top #wrap_all .main_menu {
    top: 0;
    height: 80px;
    left: auto;
    right: 0;
    display: block;
    position: absolute;
  }

  #header_main_alternate {
    display: none;
  }
}

Hopefully this should fix it. :)

Best regards,
Nikko

Hi,

1. I found out this css code in your style.css causing the issue:

.post-entry img {
    margin: 0;
    border: 1px solid #E1E1E1 !important;
    box-shadow: 3px 3px 4px #efefef !important;
    padding: 10px !important;
    border-radius: 3px;
}

I have added this css code in Quick CSS (located in Enfold > General Styling) to fix the issue:

#top .gm-style img {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

2. The maps is too little for the content that’s why it’s hidden and will show up once the marker is clicked.

Best regards,
Nikko

Hey bartroovers,

Please refer to our documentation: https://kriesi.at/documentation/enfold/change-the-sort-order-of-blog-posts-elements/
Let us know if this helps :)

Best regards,
Nikko

Hi,

Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

.page-id-7500 #av_section_1 .avia-image-container.avia-align-center {
    margin-bottom: -11px !important;
}

Let us know if this helps :)

Best regards,
Nikko

Hi,

Just to answer this question:

Note the code did not work when I put it into the style.css file for the theme. (Using a child theme.)
Placed in the General Styling section, it works, BUT.

The reason it works in Quick CSS and not in style.css is because of browser caching or if there’s a caching plugin active which prevents the fetching of the updated (external) css and instead uses the old css cached in the browser.

Can you try to replace this css code:

‘@media only screen and (max-width:1124px) {
#avia-menu .menu-item {
display: none;
}

#avia-menu .av-burger-menu-main {
display: block;
}
}

@media only screen and (min-width: 990px) and (max-width: 1124px) {
#avia-menu {
width:auto !important;
float:right: !important;
}
}’

with:

@media only screen and (max-width:1124px) {
  #avia-menu .menu-item {
    display: none;
  }

  #avia-menu .av-burger-menu-main {
    display: block;
  }

  #avia-menu {
    width:auto !important;
    float:right: !important;
  }
}

Hope this helps :)

Best regards,
Nikko

Hi,

Thanks, I have checked your site and if I’m not mistaken, what you wanted to do was to reduce the size of the fullscreen slider along with the reduced image size? if yes, unfortunately that would defeat the purpose of fullscreen slider since fullscreen slider stretches the image no matter what size is used, the code I gave before uses the actual size of the image and not stretching it but it doesn’t reduce the slider size, I would suggest using fullwidth easy slider instead, otherwise if you still want to use the fullscreen slider, you can tell us how much height you want to set it for example 70% of the screen height or probably in px. As for the caption, try adding this css code in Quick CSS:

.home #fullscreen_slider_0 .slide-1 .slideshow_align_caption {
    vertical-align: bottom;
}

this should make that caption go to bottom. Hope this helps :)

Best regards,
Nikko

Hi,

Try using Color Section with background image then add a Contact Form inside the color section. Hope this helps. :)

Best regards,
Nikko

Hi Sarah,

Glad we could help! Thanks for using Enfold :)

Best regards,
Nikko

Hi,

You’re welcome, just glad we could help. Let us know if you need further assistance or if we can close this thread :)

Best regards,
Nikko

Hi,

Glad to hear that. Thanks for using Enfold :)

Best regards,
Nikko