Forum Replies Created
-
AuthorPosts
-
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
To target the date text you could use .date-container but the text is already as far left as possible so I’m not sure what you are trying to achieve. This css with change the date red to show an example of the target selector:#top.archive.category #main .post-entry .date-container { color: red; }
To hide the author text:
#top.archive.category #main .post-entry .blog-author { display: none; }
I don’t see an excerpt to hide so I don’t know if you also want the read-more to be hidden, but you can try this:
#top.archive.category #main .post-entry .entry-content { display: none; }
Best regards,
MikeJuly 7, 2021 at 1:03 pm in reply to: Use both main and alternate/transparent meta and main menus on specific pages #1309098Hi,
It looks like you were able to sort this out, the header is now visible on scroll.Best regards,
MikeHi,
Glad that you liked it, please note that this setup created multiple portfolio grid elements each with only two items, so that the ajax container would show just above the two items, such as mid-page, the only drawback is that the multiple portfolio grid elements do not share their portfolios.
Perhaps you could remove the previous & next ajax controls so it won’t be confusing?.ajax_controlls > .ajax_previous, .ajax_controlls > .ajax_next { display: none; }
Unless there is anything else we can assist with on this issue, shall we close this then?
Best regards,
MikeHi,
Glad this helped, the read more sector is.read-more-link
yours are currently using this css:.html_elegant-blog .avia-content-slider .read-more-link { top: 18px; padding-bottom: 10px; }
try adjusting the top to tighten up.
For the post excerpts, it looks like you are using the Advanced Layout Builder for your posts, so you will need to manually add your excerpts, to do so you may need to enable the Excerpt Option in the Screen Options which will give you a text area below your post area.
For your category pages you can make adjustments with css, but you can also change the layout with this function:add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); function avia_change_category_blog_layout($layout, $context){ if($context == 'archive') $layout = 'single-small'; return $layout; }
please note this line: $layout = ‘single-small’; this will give you the single-small layout, you can try these different layouts:
single-small
single-big
blog-grid
bloglist-excerpt
This overrides the theme blog layouts from the options page only for the archive pages, typically you would choose a Blog Styling layout such as Modern Business, Elegant, or Default (Business) and it would also apply to your archive pages, but some people like to use something different.Best regards,
MikeHi,
Thank you for trying the masonry gallery element, I see that the same issue with the WordPress created thumbnails is occuring, I’m not sure why. As I look at your /picturebooks/ page again, I almost believe that the images are correct until you hover over them and then they are blurry, please check again and see if you also believe this, if so we can investigate the css:.avia_desktop .av-masonry-entry:hover .av-masonry-image-container { -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); }
But if you don’t think this is true, then I wrote this script for the /picturebooks/ page that will replace your thumbnails with the original image that is linked in the lightbox for you to try. Try adding this code to the end of your functions.php file in Appearance > Editor:
function custom_masonry_img_script() { ?> <script> (function($){ $("#top.page-id-937 .av-masonry-entry").each(function(){ var imageUrl = $(this).attr("href"); $(this).find(".av-masonry-image-container img").attr("src", imageUrl); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_masonry_img_script');
Best regards,
MikeHi,
I checked your page again and do see that you are missing the need class ‘lightbox-added’ but since you have the ‘Lightbox Modal Window’ option enabled it should be working, the only thing I can imagine is that you have a script stripping it out, but I can’t see your functions.php
I also notice that you are using ‘Advanced Custom Fields PRO’ and some of these look like they are for products, perhaps this is the issue? Can you disable this to check?
I also see that your site is not loading the script:/wp-content/themes/enfold/js/aviapopup/jquery.magnific-popup.min.js
this is needed but since you have the ‘Lightbox Modal Window’ option enabled it should be loading?Best regards,
MikeHi,
I found your code in this article and tested it on my site with an additional test user that has the role of “customer” and the function works correctly:add_action('after_setup_theme', 'remove_admin_bar'); function remove_admin_bar() { if (!current_user_can('administrator') && !is_admin()) { show_admin_bar(false); } }
This code checks if the current user is not an administrator, and they are not viewing the admin dashboard. If both conditions match, then it will disable the WordPress admin bar.
This function also works correctly:
add_filter( 'show_admin_bar', '__return_false' );
This code will disable the admin bar for all users when viewing the public pages of your website. All users will still be able to see the toolbar inside the WordPress admin dashboard.
The article also suggests a plugin: Hide Admin Bar Based on User Roles.
So please carefully check your functions.php code for errors and try again, I recommend using a Child ThemeBest regards,
MikeJuly 6, 2021 at 11:24 am in reply to: Use both main and alternate/transparent meta and main menus on specific pages #1308916Hi,
Empty rules in themselves don’t cause errors, unless you are missing a bracket somewhere then it could cuase strange behaviors. In my experience checking the css like this often identifies the problem. You could try copying your whole stylesheet to your desktop and then remove everything, except the top few lines that tell WordPress the name of the child theme, then try adding back a few rules at a time testing and clearing your browser cache each time. I agree this may take a while with your 4000+ lines of code, but I believe it will identify the problem.Best regards,
MikeJuly 4, 2021 at 11:56 pm in reply to: How to remove author URL on blog posts for security reasons #1308686Hi,
Thank you for your patience, to add a modified\includes\loop-index.php
to your child theme simply add the directory and file to your child theme like this\wp-content\themes\enfold-child\includes\loop-index.php
no functions are needed. I tested this with v4.8.3
The correct line to modify in\includes\loop-index.php
is 443Best regards,
MikeHey ilkbaharkunduzu,
I believe that !current_user_can is intended to check for capabilities not roles.
Try changing to (!current_user_can(‘edit_pages’) please see Roles and Capabilities.Best regards,
MikeJuly 4, 2021 at 11:15 pm in reply to: This page is selected to be displayed as maintenance mode page but is not active #1308683Hi,
Thank you for the login, I see your homepage has this:
Inactive Maintenance Mode Page & Inactive Custom 404 Page
To remove this you would go to both of these settings and choose Select instead of a page.
This means that you will need to first enable the option, then choose Select and then disable and save.
I did this for you, please check.Best regards,
MikeHey Stephen,
You can pick which page is your homepage with the theme setting: Enfold Theme Options > Theme Options > Frontpage SettingsBest regards,
MikeHey Peter,
Thank you for the login and explanation, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top.home #sub_menu1,#top.home #full_slider_1 { z-index: 0 !important; }
After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area.Best regards,
MikeHey garbdesign,
For this:
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top .av-inner-masonry-content.site-background { background-color: transparent !important; } #top h3.av-masonry-entry-title.entry-title { color: #fff !important; } .avia_desktop #top .av-hover-overlay-active .av-masonry-image-container { opacity: 1 !important; }
After applying the css, please clear your browser cache and check.
If you have any trouble please link to your test page so we can investigate.Best regards,
MikeHey pasawat8,
Thanks for the login but I get the forbidden error when I try to use it, I believe that you have not uploaded the transparent logo to show when you are using the transparent header, please check both of these logo locations in the theme options:
Enfold Theme Options > Header > Transparency Options > Transparency Logo
Enfold Theme Options > LogoBest regards,
MikeHey rankbrite,
If you are going to have no content in your page you will need to set a minimum height to the #main first container like this:#main > .container_wrap_first > .container { min-height: 68vh; }
You can adjust to suit your needs.
When there is no page content the socket is still only about 57px high:
the black space you see is after the body of the page, the browser is just filling in what you don’t have:
Best regards,
MikeHey Ueli,
Thank you for your expectation and screenshots, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top.single-post #avia2-menu > #menu-item-974 > a { color: #000; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Thank you for your patience, when I view your site under 767px your header & topbar is not visible, but you have another section that looks like your header that is showing #av-layout-grid-1, perhaps you are looking at that?
Over 767px which would be tablet view, the header and topbar are showing, perhaps this is what you meant by “mobile”?
So how high do you not want the header to show 1440px, laptop?@media only screen and (max-width:1440px) { #header,#av-layout-grid-1 { display: none !important; } }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHey Stephen,
Thank you for your patience, in the theme options Enfold Theme Options > General Styling > Fonts you can choose from many Google Fonts:
You can also add your own fonts with the Enfold Theme Options > Import/Export > Custom Font Manager option. You can read more about this in our documentation.Best regards,
MikeHi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeJuly 4, 2021 at 8:17 pm in reply to: Enfold Product Gallery and "Product Video for WooCommerce" Plugin #1308666Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey diefleischerei,
Thank you for your patience and the link to your site, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top #main .avia-gallery .avia-gallery-thumb a:hover { opacity: 1; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Thank you for your patience, and the link to your site, when I compare the actual image & it’s thumbnail I see a slight difference, but I’m not sure what may cause this. It looks like you are using the masonry element, please try creating a test page using the masonry gallery element, it seems to offer multiple image sizes on page load that may help.Best regards,
MikeHi,
Thank you for the feedback, the layout you are seeing is from the woocommerce plugin, these are your columns:
This is the source code for them:
this is the woocommerce plugin template form-checkout.php:
\wp-content\plugins\woocommerce\templates\checkout\form-checkout.php
So perhaps your best option would be to edit the plugin template so the content of col-2 is moved to the bottom of col-1 and then move your order review code into the col-2
Please see Ismael’s links above to see how to do this and add it to your child theme so updates will not overwrite your changes.Best regards,
MikeHi,
Thank you for your patience, and for the login, the date & categories are not showing because the font color is the same as the background color, white.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:#top #main .slide-meta, #top #main .minor-meta, #top #main .minor-meta a { color: #000; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHey Mickyhood,
Thank you for your patience, the /framework/php/ files can not be added to a child theme to override, you can copy the function you want to override to your child theme functions.php and make your changes, so for example to remove the image container from the Latest News widget
I copied this function from\wp-content\themes\enfold\framework\php\class-framework-widgets.php
if (!class_exists('avia_newsbox')) { class avia_newsbox extends WP_Widget { var $avia_term = ''; var $avia_post_type = ''; var $avia_new_query = ''; function __construct() { $widget_ops = array('classname' => 'newsbox', 'description' => __('A Sidebar widget to display latest post entries in your sidebar', 'avia_framework') ); parent::__construct( 'newsbox', THEMENAME.' Latest News', $widget_ops ); } function widget($args, $instance) { global $avia_config; extract($args, EXTR_SKIP); echo $before_widget; $title = empty($instance['title']) ? '' : apply_filters('widget_title', $instance['title']); $count = empty($instance['count']) ? '' : $instance['count']; $cat = empty($instance['cat']) ? '' : $instance['cat']; $excerpt = empty($instance['excerpt']) ? '' : $instance['excerpt']; $image_size = isset($avia_config['widget_image_size']) ? $avia_config['widget_image_size'] : 'widget'; /** * @since 4.5.4 * @return string */ $image_size = apply_filters( 'avf_newsbox_image_size', $image_size, $args, $instance ); if ( !empty( $title ) ) { echo $before_title . $title . $after_title; }; if(empty($this->avia_term)) { $additional_loop = new WP_Query("cat=".$cat."&posts_per_page=".$count); } else { $catarray = explode(',', $cat); if(empty($catarray[0])) { $new_query = array("posts_per_page"=>$count,"post_type"=>$this->avia_post_type); } else { if($this->avia_new_query) { $new_query = $this->avia_new_query; } else { $new_query = array( "posts_per_page"=>$count, 'tax_query' => array( array( 'taxonomy' => $this->avia_term, 'field' => 'id', 'terms' => explode(',', $cat), 'operator' => 'IN') ) ); } } $additional_loop = new WP_Query($new_query); } if($additional_loop->have_posts()) : echo '<ul class="news-wrap image_size_'.$image_size.'">'; while ($additional_loop->have_posts()) : $additional_loop->the_post(); $format = ""; if(empty($this->avia_post_type)) $format = $this->avia_post_type; if(empty($format)) $format = get_post_format(); if(empty($format)) $format = 'standard'; $the_id = get_the_ID(); $link = get_post_meta( $the_id ,'_portfolio_custom_link', true) != "" ? get_post_meta( $the_id ,'_portfolio_custom_link_url', true) : get_permalink(); echo '<li class="news-content post-format-'.$format.'">'; //check for preview images: $image = ""; if(!current_theme_supports('force-post-thumbnails-in-widget')) { $slides = avia_post_meta(get_the_ID(), 'slideshow', true); if( $slides != "" && !empty( $slides[0]['slideshow_image'] ) ) { $image = avia_image_by_id($slides[0]['slideshow_image'], $image_size, 'image'); } } if(current_theme_supports( 'post-thumbnails' ) && !$image ) { $image = get_the_post_thumbnail( $the_id, $image_size ); } $time_format = apply_filters( 'avia_widget_time', get_option('date_format')." - ".get_option('time_format'), 'avia_newsbox' ); echo "<a class='news-link' title='".get_the_title()."' href='".$link."'>"; $nothumb = (!$image) ? 'no-news-thumb' : ''; echo "<span class='news-thumb $nothumb'>"; echo $image; echo "</span>"; if(empty($avia_config['widget_image_size']) || 'display title and excerpt' != $excerpt) { echo "<strong class='news-headline'>".get_the_title(); if($time_format) { echo "<span class='news-time'>".get_the_time($time_format)."</span>"; } echo "</strong>"; } echo "</a>"; if( 'display title and excerpt' == $excerpt ) { echo "<div class='news-excerpt'>"; if(!empty($avia_config['widget_image_size'])) { echo "<a class='news-link-inner' title='".get_the_title()."' href='".$link."'>"; echo "<strong class='news-headline'>".get_the_title()."</strong>"; echo "</a>"; if($time_format) { echo "<span class='news-time'>".get_the_time($time_format)."</span>"; } } the_excerpt(); echo "</div>"; } echo '</li>'; endwhile; echo "</ul>"; wp_reset_postdata(); endif; echo $after_widget; } function update($new_instance, $old_instance) { $instance = $old_instance; $instance['title'] = strip_tags($new_instance['title']); $instance['count'] = strip_tags($new_instance['count']); $instance['excerpt'] = strip_tags($new_instance['excerpt']); $instance['cat'] = implode(',',$new_instance['cat']); return $instance; } function form($instance) { $instance = wp_parse_args( (array) $instance, array( 'title' => '', 'count' => '', 'cat' => '', 'excerpt'=>'' ) ); $title = strip_tags($instance['title']); $count = strip_tags($instance['count']); $excerpt = strip_tags($instance['excerpt']); $elementCat = array("name" => __("Which categories should be used for the portfolio?", 'avia_framework'), "desc" => __("You can select multiple categories here", 'avia_framework'), "id" => $this->get_field_name('cat')."[]", "type" => "select", "std" => strip_tags($instance['cat']), "class" => "", "multiple"=>6, "subtype" => "cat"); //check if a different taxonomy than the default is set if(!empty($this->avia_term)) { $elementCat['taxonomy'] = $this->avia_term; } $html = new avia_htmlhelper(); ?> <p><label for="<?php echo $this->get_field_id('title'); ?>"><?php _e('Title:', 'avia_framework'); ?> <input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo esc_attr($title); ?>" /></label></p> <p> <label for="<?php echo $this->get_field_id('count'); ?>"><?php _e('How many entries do you want to display: ', 'avia_framework'); ?></label> <select class="widefat" id="<?php echo $this->get_field_id('count'); ?>" name="<?php echo $this->get_field_name('count'); ?>"> <?php $list = ""; for ($i = 1; $i <= 20; $i++ ) { $selected = ""; if($count == $i) $selected = 'selected="selected"'; $list .= "<option $selected value='$i'>$i</option>"; } $list .= "</select>"; echo $list; ?> </p> <p><label for="<?php echo $this->get_field_id('cat'); ?>"><?php _e('Choose the categories you want to display (multiple selection possible):', 'avia_framework'); ?> <?php echo $html->select($elementCat); ?> </label></p> <p> <label for="<?php echo $this->get_field_id('excerpt'); ?>"><?php _e('Display title only or title & excerpt', 'avia_framework'); ?></label> <select class="widefat" id="<?php echo $this->get_field_id('excerpt'); ?>" name="<?php echo $this->get_field_name('excerpt'); ?>"> <?php $list = ""; $answers = array( 'show title only' => __( 'show title only', 'avia_framework' ), 'display title and excerpt' => __('display title and excerpt', 'avia_framework') ); foreach ( $answers as $key => $answer ) { $selected = ""; if( $key == $excerpt ) $selected = 'selected="selected"'; $list .= "<option $selected value='$key'>$answer</option>"; } $list .= "</select>"; echo $list; ?> </p> <?php } } }
and commented out lines 989-991
for this result:
Please give this a try.Best regards,
MikeHey Diana,
Thank you for your patience, and for the screenshots and link, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:.avia_transform.avia_desktop #top.home .av-milestone.av-animated-generic { opacity: 1 !important; } .avia_transform #top.home .av-milestone.avia_start_delayed_animation.fade-in { -webkit-animation: avia-fadein 0 !important; animation: avia-fadein 0 !important; opacity: 1 }
After applying the css, please clear your browser cache and check.
Best regards,
Mike -
AuthorPosts