Viewing 30 posts - 1 through 30 (of 47 total)
  • Author
    Posts
  • #536509

    Dear all,

    for a customer’s project we are using the transparent header layout and have some issues on this as follows:

    1. Transparent header in blog page, single blog posts and portfolio page
    When using the transparent header layout in blog page, single blog posts and portfolio page, these pages will not be shown up correctly.

    a. In single blog posts the blog meta elements are not shown up (date and category have been selected in theme options).
    b. In single blog posts the featured image is not shown up.
    c. In blog page and magazine shortcode there are not shown up any excerpts.
    d. In portfolio page and magazine shortcode there are not shown up any excerpts.

    2. Breadcrumbs
    When using the transparent header on every single page, there are not shown up any breadcrumbs. Without breadcrumbs it really looks somewhat cluttered and also confusing. Tried to resolve by following your instructions given in your forum, but that does not work.
    Our customer would like to get more transparency, thus we would like to show up the breadcrumbs on the left, below the transparent header area in the main Content field, as per this topic and screenhot .

    Can you help on both of these? Really appreciate your help and thank you in advance.

    Cheers
    Sophie

    #537631

    Hello to you,
    any news on this?
    Cheers
    Sophie

    #539469

    Hi!

    refuse from bumping into your own thread please.

    Try to deactivate all plugins, to check if one is causing this issue. If that does not help then please delete all theme files via FTP completely, before installing a fresh copy from your themeforest account. Maybe there are some corrupted theme files, because I tested it on my own installation and it works fine.

    Best regards,
    Andy

    #540424

    Hello Andy,

    thank you for your reply. I just recognized that in my outgoing thread I forgot to link to example pages regarding breadcrumbs in transparent header.

    I would like to achieve this http://d.pr/i/13YFP from your thread https://kriesi.at/support/topic/add-breadcrumbs-to-page/#post-402628 and need your kind assistance.

    Can you do and help? Really appreciate that.

    Thank you and best regards
    Sophie

    #541038

    Hey!

    Please refer to this post – http://kriesi.at/documentation/enfold/inserting-breadcrumbs-as-shortcode/

    Cheers!
    Yigit

    #541207

    Thank you, Yigit.

    I did it as per your documentation and created color section with code block (below transparent header/color section), but now my page is displaying [bread_crumb] instead of the breadcrumbs.

    Any idea?

    Cheers
    LeUP

    #544123

    Dear Enfold,

    unfortunately still no reply and I need to push this message sind I need to finish my website.

    I did it as per your documentation and created color section with code block (below transparent header/color section), but now my page is displaying [bread_crumb] instead of the corresponding breadcrumbs.

    Do you have any idea how to solve this problem?

    Thank you and best regards
    LeUP

    #544853

    Hey!

    Try adding this to your child theme functions.php file.

    add_shortcode( 'breadcrumb', 'enfold_customization_breadcrumb' );
    function enfold_customization_breadcrumb(){
    		global $avia_config;
    
    		if(!$id) $id = avia_get_the_id();
    		
    		$header_settings = avia_header_setting();
    		
    		$defaults 	 = array(
    
    			'title' 		=> get_the_title($id),
    			'subtitle' 		=> "", //avia_post_meta($id, 'subtitle'),
    			'link'			=> get_permalink($id),
    			'html'			=> "<div class='{class} title_container'><div class='container'><{heading} class='main-title entry-title'>{title}</{heading}>{additions}</div></div>",
    			'class'			=> 'stretch_full container_wrap alternate_color '.avia_is_dark_bg('alternate_color', true),
    			'breadcrumb'	=> true,
    			'additions'		=> "",
    			'heading'		=> 'h1' //headings are set based on this article: http://yoast.com/blog-headings-structure/
    		);
    
    		if ( is_tax() || is_category() || is_tag() )
    		{
    			global $wp_query;
    
    			$term = $wp_query->get_queried_object();
    			$defaults['link'] = get_term_link( $term );
    		}
    		else if(is_archive())
    		{
    			$defaults['link'] = "";
    		}
    		
    		
    		// Parse incomming $args into an array and merge it with $defaults
    		$args = wp_parse_args( $args, $defaults );
    		$args = apply_filters('avf_title_args', $args, $id);
    
    		//disable breadcrumb if requested
    		$args['breadcrumb'] = true;
    		
    		//disable title if requested
    		$args['title'] = false;
    
    		// OPTIONAL: Declare each item in $args as its own variable i.e. $type, $before.
    		extract( $args, EXTR_SKIP );
    
    		if(empty($title)) $class .= " empty_title ";
            $markup = avia_markup_helper(array('context' => 'avia_title','echo'=>false));
    		if(!empty($link) && !empty($title)) $title = "<a href='".$link."' rel='bookmark' title='".__('Permanent Link:','avia_framework')." ".esc_attr( $title )."' $markup>".$title."</a>";
    		if(!empty($subtitle)) $additions .= "<div class='title_meta meta-color'>".wpautop($subtitle)."</div>";
    		if($breadcrumb) $additions .= avia_breadcrumbs(array('separator' => '/', 'richsnippet' => true));
    
    		$html = str_replace('{class}', $class, $html);
    		$html = str_replace('{title}', $title, $html);
    		$html = str_replace('{additions}', $additions, $html);
    		$html = str_replace('{heading}', $heading, $html);
    
    		if(!empty($avia_config['slide_output']) && !avia_is_dynamic_template($id) && !avia_is_overview())
    		{
    			$avia_config['small_title'] = $title;
    		}
    		else
    		{
    			return $html;
    		}
    }

    That will let you display the breadcrumbs with the following shortcode.

    [breadcrumb]
    

    You will most likely want to style it a bit so let us know when your done adding it in and we’ll see if we can get you some CSS to use.

    Best regards,
    Elliott

    • This reply was modified 3 years, 11 months ago by  Elliott.
    #545604

    Hey Elliott,

    thank you for our advice. I added the above code in the functions.php file of my parent theme, since I do not use any child theme.
    I created color section with code block (below transparent header/color section) using shortcode [breadcrumb] and the breadcrumbs are showing up to the right of the top! So far it seems to work, thank you for this. Really do appreciate to get some CSS now to show up the breadcrumbs below the transparent header to the left. Hope you can help.

    Thank you so much for your help.

    Regards
    LeUP

    #545629

    Hi!

    I’m not sure which page your using it on so I added it to your KNX page. You can use this CSS to set the background to transparent.

    .avia_codeblock .title_container {
        background: transparent !important;
    }

    Take a screenshot highlighting how your wanting it to look and we’ll give you some CSS to use.

    Regards,
    Elliott

    #545998

    Hey Elliott,

    great thank you! Please see screenshot https://www.dropbox.com/s/82690hgrprstzti/enfold-breadcrumbs.jpg?dl=0 with marks how I would love to change the look. Thank you for giving me some CSS, will await your reply.

    Thank you for all your efforts, really do appreciate this.

    Best regards
    LeUP

    #547031

    Hi!

    link to your screenshot does not work for me. Make sure to make the link public.

    Regards,
    Andy

    #547034

    Dear Andy,

    by me work the link perfectly.
    Here a new link for you http://fs5.directupload.net/images/151204/mait9x7n.jpg
    and this http://www.directupload.net/file/d/4192/mait9x7n_jpg.htm

    I hope now that work by you.

    Brgds
    LeUP

    #547050

    Hey!

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

    #after_section_1 .av-extra-border-inner {
        display: none;
    }
    .title_container .breadcrumb {
        right: auto;
        left: 0;
        font-size: 16px;
    }

    Regards,
    Yigit

    #547145

    Hello Yigit,

    your CSS code works! Thank you so much for all your efforts. Just two more questions:

    1. On project and blog archive page as well as on single project and blog pages I would like to reduce the space between transparent header and breadcrumbs and to show up MORE space between breadcrumbs and archive/single page (please kindly see screenshot).
    http://www.directupload.net/file/d/4192/9m3synnu_jpg.htm

    2. How can I reduce space between header and breadcrumbs and also between breadcrumbs and color section on regular pages (please kindly see sreenshot)?
    http://www.directupload.net/file/d/4192/zsnhwj9q_jpg.htm

    Really glad that you could help so far!

    Kind regards
    LeUP

    #548002

    Hey!

    Please add your shortcode into a color section element and choose not to display padding on it.

    Best regards,
    Yigit

    #548272

    Hey Yigit,

    that’s what I did, but it takes some space between main page and footer area as well. I do it now with whitespace and that works fine. So, currently there appear the following left problems:

    1. The breadcrumbs are now messing up with title of archive and search pages, since these pages do not use transparent header, please see http://www.directupload.net/file/d/4195/5src85px_jpg.htm !

    2. In dashboard settings I changed permalink settings from „portfolio-item“ to „projekte“, but that messed up second page of project archive page and leads to 404!

    Please kindly tell what to do now with the messed up pages that do not use transparent header and with permalink settings. Thank you in advance.

    Cheers
    LeUP

    #549784

    Hey!

    we need precise links where we can see the issue on your website, to be able to inspect the elements.

    Cheers!
    Andy

    #549891

    Hey Andy,

    Please see login details and links in private message, since this website is not online yet; also I do not want links to be seen. Thank you for your help in advance.

    Cheers
    LeUP

    #552592

    Hello,

    need to push this. Could you please urgently reply.

    Thank you!
    LeUP!

    #555061

    Hey!

    refuse from bumping into your own thread, as it pushes it behind in our queue and marks it as answered and then we can’t provide a faster reply to you.

    Unfortunately WordPress login you have provided does not work for me. Can you check please?

    Regards,
    Andy

    #555074

    Dear Andy,

    thanks for your reply and help.
    The Log-in details work perfectly, i have check for 1 Minute.

    Plese recheck and many thanks for your help.

    Thank you!
    LeUP!

    #557039

    Hi!

    I get a just a blank page when trying to open link in private content. Can you check please?

    Cheers!
    Andy

    #557839

    Dear Andy,

    thanks for your message, the link works now, the website are online.

    Can you check and help please.

    Cheers!
    LeUP!

    #559422

    Hey!

    You are using an old version of the theme and WordPress, so please upgrade to Enfold 3.4.7 and let us know if you still need help afterwards.

    Cheers!
    Andy

    #560151

    Hey Andy,

    I did the update and I still have the same probs:

    1. The breadcrumbs are messing up with title of archive and search pages, since these pages do not use transparent header!

    2. When changing permalink settings from „portfolio-item“ to „projekte“ In dashboard settings, it messes up second page of project archive page and leads to 404!

    Please urgently tell what to do now with the messed up pages that do not use transparent header and with permalink settings. Need to finalize this after all this time! Thank you in advance.

    Best regards
    LeUP

    #560555

    Hey!

    Did you make any changes to the custom css it was messing the breadcrumbs. I have removed all the css below to avoid conflict.

    Perhaps check out the site now it looks much better anyhow since i have removed the below css from enfold Quick css some of the changes you have made will be lost if you need to add it back you can copy and paste the below css one by one to Quick CSS.

    If you need further help please send us a mockup image of the current issue and how you want the finished design to look.

    
    .avia_transform .avia-icon-list .iconlist_icon { 
    	opacity: 1 !important; 
    	-moz-transform:scale(1) !important;
    	-webkit-transform:scale(1) !important;
    	-o-transform:scale(1) !important;
    	transform: scale(1) !important;
    }
    
    .avia_start_animation .iconlist_icon{ 
    	-webkit-animation: none !important;
    	-moz-animation: none !important;
    	-o-animation: none !important;  
    	animation: none !important;    
    }
    
    .avia-menu a {
    font-size: 18px !important;
    }
    
    span.text-sep.text-sep-date {
    display: none;
    }
    
    .widgettitle {
     text-transform: none !important;
     }
    
    .main_color .textwidget { color: #e5650a; }
    
    .avia_codeblock .title_container {
       background: transparent !important;
    }
    
    #after_section_1 .av-extra-border-inner {
        display: none;
    }
    .title_container .breadcrumb {
        right: auto;
        left: 0;
        font-size: 13px;
    }
    
    

    Cheers!
    Vinay

    #562724

    Hey Vinay,

    thank you for your reply.

    1. I removed the following code from Quick CSS (this makes the breadcrumbs showing up to the left)

    .title_container .breadcrumb {
    right: auto;
    left: 0;
    font-size: 13px;
    }

    That’s what was messing up the breadcrumbs when using transparent header! BUT, the problem I have now when removing the a/m code is, that the breadcrumbs are showing up to the right instead of to the left.

    2. Also, still I have the problem when changing permalink settings from „portfolio-item“ to „projekte“ In dashboard settings, it messes up second page of project archive page and leads to 404!

    I send you the login details etc. per private message. Please kindly help resolving these two probs. Thank you in advance.

    Cheers
    LeUP

    • This reply was modified 3 years, 10 months ago by  LeUP.
    #564165

    Hey!

    please use different tickets for different questions.

    1.) Use this code to move them to the right side:

    .breadcrumb.breadcrumbs.avia-breadcrumbs {
    right: 1px;
    left: auto;
    }
    

    2.) Flush permalink settings by simply going to settings->permalinks->Save changes.

    Cheers!
    Andy

    #565025

    Hey Andy,

    1.
    You got me wrong. I would like to have the breadcrumbs to the left. I achieve it with this CSS:

    .title_container .breadcrumb {
    right: auto;
    left: 0;
    font-size: 13px;
    }

    or as per your a/m CSS that I modified to

    .breadcrumb.breadcrumbs.avia-breadcrumbs {
    right: auto;
    left: 0;
    }

    BUT – please read my question carefully since I told this several times before – this does not work for archive pages, because I use transparent header! And Enfold archive pages do not use transparent header by default! So it messes up the header area on archive pages and it looks like this: http://www.directupload.net/file/d/4232/r6lbr83d_jpg.htm

    Think would be much better to have transparent header on archive pages too, since this way it looks only half done!

    Please kindly help solving this prob. Thank you.

    Best regards
    LeUP

    • This reply was modified 3 years, 10 months ago by  LeUP.
Viewing 30 posts - 1 through 30 (of 47 total)

The topic ‘Transparent Header Layout issues’ is closed to new replies.