Yes, change this part of the code:

#uniquecolorsection:after{
content: "Text here";
position: absolute;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5); /* This part, 0.5 is the alpha value, you can tweak it */
color: white;
display: block;
padding: 10px;
}

Cheers!
Josue

Hi Paul!

I tested in IE11 (emulating IE8) and it worked as expected:

Can you post a screenshot of your view?

Cheers!
Josue

Hi,

Try adding this at the very end of your child theme functions.php file:

function add_custom_script(){
?>
<script>
jQuery(window).load(function(){
jQuery('.page article.slide-entry').each(function(){
jQuery(this).find('.slide-meta').after(jQuery(this).find('.slide-image').detach());
})
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

Regards,
Josue

Changes made in the staging area may take sometime to take effect in live. I think it would be best to contact WPEngine support for this matter.

Cheers!
Josue

After you apply the code it should look like this:

The problem now is that in the Quick CSS the “” (quotes) symbols are being converted to characters codes, this normally happens when the code is directly copied from the mail message, you’d need to rewrite it manually.

Cheers!
Josue

Hello,

Have you tried disabling all third-party plugins (except WP SEO) to see if it gets fixed?

Also try increasing the allocated memory to PHP:
http://codex.wordpress.org/Editing_wp-config.php#Increasing_memory_allocated_to_PHP

Regards,
Josue

Now post a link to the Page where you have this color section.

Regards,
Josue

Try putting “uniquecolorsection”. Don’t forget to add the CSS.

Cheers!
Josue

Hey Mario!

Try increasing the memory allocated to PHP:
http://codex.wordpress.org/Editing_wp-config.php#Increasing_memory_allocated_to_PHP

Best regards,
Josue

Hi,

I checked your website and it appears the menu issue on 1024px width is solved:

Best regards,
Josue

Hi!

In the color section popup window there is a field called ‘For Developers: Section ID’.

Best regards,
Josue

Hey!

Try adding this code to the Quick CSS:

a:focus .image-overlay .image-overlay-inside{
    -webkit-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
    -moz-animation:    avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
    animation:         avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
}

.avia_transform a:focus .image-overlay{
    opacity: 0.7 !important;
}

Cheers! 
Josue

Hi!

It’s working fine on my end (Safari 7 / OS X 10.9):

In what environment are you seeing this issues?

Cheers!
Josue

Hi Neil!

Change:

.fluidcolumns{
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

To:

@media only screen and (min-width: 767px) {
.fluidcolumns{
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
}

That way it will only be applied when the screen is 767px width or more.

Cheers!
Josue

Hey Jonas!

Here’s how it look on a smaller screen:

Can you post a screenshot of your view?

Cheers!
Josue