Hi,

Thank you for the update.

Please add this css to push the gallery down only on mobile:

@media only screen and (max-width: 767px) {
    #portfolio {
        padding-top: 1500px;
    }
}

You can add this under Enfold > General Styling > Quick CSS. Please make sure to purge the cache before testing, and adjust the 1500px value up or down depending on how much space you need.

Let us know if the issue persists.

Best regards,
Ismael

Hi,
Thanks, try this css:

.responsive .page-id-7475 #after_section_4 .container,
.responsive .page-id-7625 #after_section_4 .container {
	max-width: 100%;
  padding: 0;
  background-color: #c29454;
}
.page-id-7475 #after_section_4 .wpcp-carousel-section.nav-vertical-center,
.page-id-7625 #after_section_4 .wpcp-carousel-section.nav-vertical-center {
    margin: 0;
}
.page-id-7475 #after_section_4,.page-id-7625 #after_section_4 {
	border-top-style: none;
} 

Best regards,
Mike

Hi,

You should import all posts first, then run the hook from the previous thread just once to apply the custom layout. Add the code in the functions.php file and refresh the frontend or the dashboard to run the hook. This will apply the custom layout to the posts of the specified post type and activate the ALB. Make sure to create a site backup before proceeding.

— https://kriesi.at/support/topic/importing-lots-of-data-to-scf-custom-posts-all-having-same-template/#post-1473810

Best regards,
Ismael

Hey shanghaitomilan,

I see that you are running an old version of the theme, could you try to update to the latest version (7.1.4) to see if that helps please? The update to 7.1.4 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi,

Thank you for the inquiry.

You can add this css code to fix the left padding of the submenu items and add borders between them.

.html_av-overlay-side #top .av-burger-overlay li > ul {
    margin-left: 7px;
}

.html_av-overlay-side #top .av-burger-overlay li > ul .avia-menu-text {
    padding-left: 12px;
}

.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a {
    border-bottom: 1px solid;
}

Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the update.

You can add this css code to pull the burger menu a bit to the left so it’s not touching the right edge of the header container.

.responsive #top #header_main > .container .main_menu  .av-main-nav > li > a {
    min-width: 0;
    padding: 0 20px 0 20px;
}

Let us know the result.

Best regards,
Ismael

Hi,
You misunderstood, this is not my css, it is your css already on your site that you need to change:

.template-page.content.av-content-full.alpha.units {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
} 

Change 20px to zero

Best regards,
Mike

Hi,
Looks like you have this css:

.av-masonry-entry {
    visibility: hidden;
    opacity: 0;
} 
.av-masonry-sort {
    visibility: hidden;
}
#top .av-masonry-load-more {
    visibility: hidden;
    opacity: 0;
} 

Check your css or element settings.

Best regards,
Mike

Hi,
The top padding is set by your custom css:

.template-page.content.av-content-full.alpha.units {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
} 

Change 20px to zero if you want to remove it, but note this will affect all of your pages.
While you have set the text color to white, your text is bold (strong) which has a blue color, either remove the strong tag, or add the color to the span style, like your font size.
If you don’t know how to do that try this css:

.avia_textblock p span[style*="color: #ffffff"] strong span[style*="font-size: 14pt"] {
    color: #ffffff;
} 

Best regards,
Mike

Hey schweg33,
The height of the text block is based on the content inside of it. The paragraph tag in it will has top & bottom margin, and the section that it is in has padding from your custom css:

.template-page.content.av-content-full.alpha.units {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
} 

It would probably look nicer if you removed the background color.

Best regards,
Mike

Hi,

Sorry about that — we forgot to post the css code. Please try this modification:

#top .av-video-slide iframe, #top .av-video-slide embed, #top .av-video-slide object, #top .av-video-slide video {
    object-fit: fill;
}

Best regards,
Ismael

Hey valerieh,

Thank you for the inquiry.

Do you have any scheduled tasks or cron jobs running on your site? For example, automated backups, cache clearing plugins, optimization plugin or any custom scripts that run on a schedule? Some of these can accidentally strip inline styles or regenerate css files in a way that drops custom color settings from your sections.

It would also help to know if you’re using any plugin that modifies or minifies css, such as Autoptimize or a similar tool. Disabling file compression temporarily via Enfold > Performance > File Compression can help rule out the theme’s own css merging as a factor.

Let us know the result.

Best regards,
Ismael

Hey morijksen,

The update to 7.1.4 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi,

Thank you for the update.

Adding this css code should help get rid of the gris bar, but it will distort the image a bit. Based on our checks, the distortion is not really visible. Please make sure to purge the cache before checking.

#top .av-video-slide iframe, #top .av-video-slide embed, #top .av-video-slide object, #top .av-video-slide video {
    object-fit: fill;
}

Best regards,
Ismael

Hi,

Thank you for the feedback.

Have you tried replacing the whole enfold/config-templatebuilder/avia-template-builder/php/class-save-buildertemplate.php file as described in the following thread?

— https://kriesi.at/support/topic/not-registered-dependencies-for-enfold-css-and-js/#post-1495805

Make sure to use this hook:

— https://kriesi.at/support/topic/not-registered-dependencies-for-enfold-css-and-js/#post-1495556

Let us know the result.

Best regards,
Ismael

Hi,

This should help: https://kriesi.at/support/topic/not-registered-dependencies-for-enfold-css-and-js/#post-1495467

Best regards,
Ismael