Hi,
The script will work on already existing pages, not just new pages, this is the only way we have.
Otherwise you can choose the ALB option and save the page as you edit each page in the future, this is how the script works.

Best regards,
Mike

Hey Diana,
Thank you for your patience, for the video on: https://mp-audioproductions.de/mona-bumes/
to remove the black bars, try this css:

@media only screen and (min-width: 990px) and (max-width: 1360px) { 
	#top .av-video-slide .avia-slide-wrap, #top .av-video-slide iframe {
    background: #fff;
}
#top .av-video-slide .avia-slide-wrap {
    height: 84%;
}
#top .flex_column.avia-builder-el-5.column-top-margin {
	margin-top: 0px;
}
#top #wrap_all .av-special-heading.av-m6wqj69t-b4e1d140677e492efdf2d8c0f9797c34 .av-special-heading-tag {
    line-height: 115px;
}
}

After applying the css, please clear your browser cache and check.
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hi,
apply a unique class name (av-black-vertical-line) to the column that you want the black line on, please examine the column that Ismael did for you.
To move the column up use the setting to add a negative top margin.

Best regards,
Mike

Hi,
The css that goes with that script sets the background color of the popup box, if you don’t want the color then change the css

.mfp_popup_content {
	position: relative;
	background: #ffffff;
	padding: 40px;
	width: auto;
	max-width: 600px;
	margin: 100px auto;
	overflow: auto;
  }

also your code above has two add actions: add_action('wp_footer', 'inline_popup_enabler', 9999);add_action('wp_footer', 'inline_popup_enabler');
you should only have one add_action('wp_footer', 'inline_popup_enabler', 9999);
this is probably why you see an error, or you have curly quotes in your code.

Best regards,
Mike

Hi,
Add this CSS

@media only screen and (max-width: 989px) { 
#top.home #service .avia-builder-el-49 p {
	margin-bottom: 1.85em;
}
#top.home .flex_column_table.av-equal-height-column-flextable.av-9pa8e-8f916ca769a4d466ee08dbf3fddc5a77:not(:first-child) {
    margin-top: 40px;
}
}

Best regards,
Mike

Hey MarcusJeroch,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #wrap_all .post-entry .post-title {
    text-transform: none;
}

If this doesn’t help, please link to your page with this title.

Best regards,
Mike

Hey Jak73,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 989px) { 
#top.home #leistungen .avia-builder-el-8 p {
	margin-bottom: 1.85em;
}
}

adjust to suit.

Best regards,
Mike

Hi,
Try adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (min-width: 990px) { 
.logo .avia-standard-logo-sub img.alternate {
  position: relative;
}
}
@media only screen and (max-width: 989px) {
.responsive .logo a {
    display: table-cell;
    vertical-align: middle;
    height: 90px;
}
}
 @media only screen and (min-width: 990px) { 
 	#header:not(.av_header_transparency) .logo {
 		top: 36%;
 	}
 }

Best regards,
Mike

Hi,
In your screenshot:

the image is not all the way to the top, the top bar background color is white because of the Safari Website Tinting option:

from the site background color.
This color is not customizable beyond setting a solid color that matches the theme color of your website
and you cannot overlay an image or extend the background of your website into the status bar area

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 479px) { 
#top.home .slideshow_inner_caption {
    width: 50%;
}
    #top.home .avia-slideshow .av-slideshow-caption .avia-caption-content p {
        font-size: 9px;
        line-height: 9px;
        margin-bottom: 0;
    }
   #top.home .avia-slideshow .avia-slideshow-button {
   	margin-top: 10px;
   	font-size: 9px;
   }
}

Best regards,
Mike

Hi,

Please continue here: https://kriesi.at/support/topic/changes-are-not-possible-anymore/#post-1477534

Best regards,
Ismael

Hey cktanju,

Thank you for the inquiry.

Did you add this css code?

.logo img.alternate {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    opacity: 0;
}

You can override it with:

.av_header_transparency .logo img.alternate {
    top: 30px;
}

This should adjust the position of the logo.

Best regards,
Ismael

Hi,

We applied a unique class name (av-black-vertical-line) to the first column with the feather image, then added this css code to create the black line.

.av-black-vertical-line:before {
    content: '';
    width: 1px;
    height: 200px;
    position: absolute;
    background: #000000;
    top: -100px;
    left: 100px;
    display: block;
    z-index: 1000;
    visibility: visible;
}

We also added a separator/whitespace element to the first section to create a huge space at the bottom, then added this css to pull the columns upward.

.av-grid-with-black-border {
    position: relative;
    z-index: 100;
}

.av-grid-pull-black-border {
   margin-bottom: -324px;
}

Best regards,
Ismael

Hey Jak73,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 989px) { 
#top.home .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
    margin-top: 0;
}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard