Hi!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

tr.avia-heading-row { background-color: #99cccc!important; }
table caption { text-align: left; }

Regards,
Yigit

Hi!

Please try and post the results here to re-open the thread. Until then, it will be on hold. Waiting to hear from you!

Regards,
Yigit

Hallo Timo!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (max-width: 480px) {
.av-masonry-container { pointer-events: none; }}

Regards,
Yigit

Hey youyou78!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

.error404 .sidebar { display: none !important; border: none!important; }
.error404 .container .nine.units { width: 100% !important; border: none !important; }

Regards,
Yigit

Hey!

Please add following code to Functions.php file in Appearance > Editor

function add_custom_script(){
?>
<script>
jQuery(window).load(function(){
jQuery('li#menu-item-6276>a').addClass('open-popup-link');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

Best regards,
Yigit

Hey CloudChoice!

Please go to Appearance > Menus and click on “Screen options” and check “CSS classes” – http://i.imgur.com/ywOvDce.png

Best regards,
Yigit

Hey jenki!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
font-size: 13px;
margin-top: 15px;
}
.avia-builder-el-0.av-minimum-height-100 .container, .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
height: 325px;
}}

Cheers!
Yigit

Hi Brad!

Please do not duplicated topics as it is making it harder for us for other users to follow – https://kriesi.at/support/topic/cant-get-my-advanced-slider-to-properly-resize/

Regards,
Yigit

Hi!

Please add following code to Quick CSS as well

.html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 178px; }
h3.ls-l, .ls-gpuhack { left: 0!important; }

Cheers!
Yigit

Hey!

Please add media queries to your code as following to apply it only on screens bigger than 990px

@media only screen and (min-width: 990px) {
#top .container .av-masonry-entry {
    width: 24.8%;
   }
.av-masonry-image-container {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
    padding-bottom: 80%;
    width: 100%;
    z-index: 1;
    height:420px;
}
.av-masonry-image-container {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 275px;
    text-align: center;
}}

Cheers!
Yigit

Hi!

You are welcome, glad we could help :)
I saw that you have added your custom CSS code to Style.css file of your child theme in Appearance > Editor so that is where i have made adjustments. Changes will not be lost when you update your theme

Regards,
Yigit

Hey!

Can you apply the changes we have applied on your test page to your homepage and check if that helps?

Best regards,
Yigit

Hey!

I have changed “top” to “margin-top”. Please try adding following code to Quick CSS and check if that helps

div#bg_slide { z-index: 99; }

EDIT: Yes. You can turn on Custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) to make it easier to target the element :)

Regards,
Yigit

• This reply was modified 11 years, 7 months ago by Yigit.

Hey!

Please add folllowing code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (min-width: 1500px) {
.html_header_top.html_header_sticky #main {
padding-top: 324px !important;
}}

It does look fine on smaller screens that is why i missed at first look

Cheers!
Yigit

Hey Gabe!

You have added the gallery to the header, which will be above the content at all times. So color section sliding behind header is an expected behaviour.

Regards,
Yigit