Hi,

Thanks for the info.

The following css code should change the color of the blog elements. I did see your thread but I’m not sure what’s going on there because you’ve just implemented the color changes, so I skipped it. What did you change to fix the layer slider? It might not be a good idea to alter the theme’s color scheme just so you can fix a single element because the changes in the General Styling panel will affect the whole site.

.blog .main_color, .blog .main_color .site-background, .blog .main_color .first-quote, .blog .main_color .related_image_wrap, .blog .main_color .gravatar img .blog .main_color .hr_content, .blog .main_color .news-thumb, .blog .main_color .post-format-icon, .blog .main_color .ajax_controlls a, .blog .main_color .tweet-text.avatar_no, .blog .main_color .toggler, .blog .main_color .toggler.activeTitle:hover, .blog .main_color #js_sort_items, .blog .main_color.inner-entry, .blog .main_color .grid-entry-title, .blog .main_color .related-format-icon, .grid-entry .blog .main_color .avia-arrow, .blog .main_color .avia-gallery-big, .blog .main_color .avia-gallery-big, .blog .main_color .avia-gallery img, .blog .main_color .grid-content, .blog .main_color .av-share-box ul, #top .blog .main_color .av-related-style-full .related-format-icon, .blog .main_color .related_posts.av-related-style-full a:hover, .blog .main_color.avia-fullwidth-portfolio .pagination .current, .blog .main_color.avia-fullwidth-portfolio .pagination a, .blog .main_color .av-hotspot-fallback-tooltip-inner, .blog .main_color .av-hotspot-fallback-tooltip-count {
    background-color: #ffffff;
    color: #000000;
}

.blog .main_color .heading-color, .blog .main_color a.iconbox_icon:hover, .blog .main_color h1, .blog .main_color h2, .blog .main_color h3, .blog .main_color h4, .blog .main_color h5, .blog .main_color h6, .blog .main_color .sidebar .current_page_item>a, .blog .main_color .sidebar .current-menu-item>a, .blog .main_color .pagination .current, .blog .main_color .pagination a:hover, .blog .main_color strong.avia-testimonial-name, .blog .main_color .heading, .blog .main_color .toggle_content strong, .blog .main_color .toggle_content strong a, .blog .main_color .tab_content strong, .blog .main_color .tab_content strong a, .blog .main_color .asc_count, .blog .main_color .avia-testimonial-content strong, .blog .main_color div .news-headline, #top .blog .main_color .av-related-style-full .av-related-title, .blog .main_color .av-default-style .av-countdown-cell-inner .av-countdown-time, .blog .main_color .wp-playlist-item-meta.wp-playlist-item-title, #top .blog .main_color .av-no-image-slider h2 a, .blog .main_color .av-small-bar .avia-progress-bar .progressbar-title-wrap {
    color: #000000;
}

Best regards,
Ismael

Hi,

You’ll have to accept a certificate when the protocol is set to SFTP. I tried it but then I got the following error.

Status:	Connecting to domain.com...
Status:	Connected to domain.com
Error:	Received unexpected end-of-file from SFTP server
Error:	Could not connect to server
Status:	Waiting to retry...

I’ll forward the thread to the team.

Best regards,
Ismael

Hi,

Ok. Great! Please feel free to open a new thread if you need anything else.

Best regards,
Ismael

Hi,

This seems to work properly. It removes the “Cardiovascular” option.

.widget select[name="cat"] option[value="129"] {
    display: none;
}

Adjust the value attribute.

Best regards,
Ismael

Hi,

Thanks for the update.

You got this css modification on the Quick CSS field, which affects the blog title.

#top #wrap_all .main_color h3, #top #wrap_all .alternate_color h3 {
    font-size: 28px;
    line-height: 1.3em;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

You can adjust the font size from that css declaration or use this code to override it.

#top #wrap_all .main_color .slide-entry h3, #top #wrap_all .alternate_color .slide-entry h3 {
    font-size: 14px;
    line-height: 1em;
}

Add this filter in the functions.php file to decrease the excerpt length.

add_filter('avf_postgrid_excerpt_length','avf_adjust_postgrid_excerpt_length_mod', 10, 1);
function avf_adjust_postgrid_excerpt_length_mod($length)
{
   $length = 10;
   return $length;
}

Default value is 60 or 240 depending on the blog style.

Best regards,
Ismael

Hi,

I see. You can’t do that without using the advance layout builder, unfortunately. You need to set the blog to use the ALB.

Best regards,
Ismael

Hi,

My bad. I didn’t notice that. I set the “animation-fill-mode” property to “forwards” to make the animation stop on the last frame.

Best regards,
Ismael

Hi,

The above script gets the ALT attribute of the image inside the links and then apply it to the link itself thus enabling the lightbox to render the title. Unfortunately, some of the images don’t have an ALT attribute, so I had to get the data from the “data- ulbtitle” attribute. Again, this is not consistently available among the gallery thumbnails. How do the plugin set that attribute? You may need to edit the attributes of the images in the Media > Library panel.

Best regards,
Ismael

Hi,

Thanks for the update.

I adjusted the filter a bit — it should work as expected now. I had to convert the category strings to an array.

Best regards,
Ismael

Hi,

The autoplay parameter should be set to 1 or true instead of 0. Please post the actual youtube url that you’ve used in the color section.

Best regards,
Ismael

Hi,

Thank you for using Enfold.

Looks like you’re using a third party plugin to display the product or the gallery images. The plugin has to render the link’s title attribute, so the lightbox can use it. That attribute is missing. Please try this in the functions.php file.

add_action('wp_footer', 'ava_add_lightbox_title', 9999);
function ava_add_lightbox_title() {
    ?>
    <script>
        (function($) {
            function a() {
                $('.upcp-tabbed-image-container a').each(function() {
                    var title = $(this).find('img').attr('alt');
                    $(this).attr('title', title);
                });
            }

            a();
        })(jQuery);
    </script>
    <?php
}

Best regards,
Ismael

Hey Valinsy,

Thank you for using Enfold.

The images in the horizontal gallery element should open a lightbox by default. The “Image Link” option should be set to “Lightbox linking active”.

Best regards,
Ismael

Hi,

Thanks for the update.

This css code should override the default label styling.

#commentform label {
    position: relative !important;
    left: 0;
    float: left;
    margin-right: 10px;
}

Best regards,
Ismael

Hi,

The error says that you’ve exceeded the request quota for the current API. Did you set a usage limit and http referrer restrictions?

You have exceeded your request quota for this API. See https://developers.google.com/maps/documentation/javascript/error-messages?utm_source=maps_js&utm_medium=degraded&utm_campaign=billing#api-key-and-billing-errors

Best regards,
Ismael

Hi,

You can try these css codes.

#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul > li > a {
    color: #ffffff !important;
}

#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul > li:hover > a {
    color: #56882d!important;
    background-color: rgba(255,255,255,0.8)!important;
    border-radius: 15px;
}

The login token has already expired so I can’t get in the dashboard.

Best regards,
Ismael