Home › Forums › Pro Themes › Biography Pro › 3 Problems (Head on Child pages, Breadcrumb and Footer Widgets)
Tagged: breadcrumb, footer, header, widget
- This topic has 3 replies, 2 voices, and was last updated 4 years, 12 months ago by
wensolutions.
-
AuthorPosts
-
October 28, 2018 at 9:07 am #82669
Orange Raven
ParticipantI have 3 Problems after I go from Free to pro. Free Template have had a Child Theme, but it works not anymore after update because of some CSS Changes I guess. So I buy the pro.
1.) On Startpage the Menu is nice about the header image, but on child apges its a banner above the image. I want to have the Header area the same as on the front page. Text aover the image and image the same size like on front page
2.) The active site on breadcrumb is white. Thats fine. But the links on breadcrubs are still dark. Thats bad, because my menu is blue. I dont find the one where I can make it white (only in breadcrumb)
3.) There is no Widget Area on the footer. How can I make it? I need 2 Colums in Footer for Widgets.
Thank you.
Here my extra CSS atm:
.service-inner { background-color: #ecf0f1; margin-top: -130px; position: relative; z-index: 1; } .photo-section-child span img { display:none; border: 7px solid #ffffff; -webkit-border-radius: 150px; -moz-border-radius: 150px; -o-border-radius: 150px; -ms-border-radius: 150px; border-radius: 150px; margin-bottom: 10px; max-height: 150px; max-width: 150px; height: 100%; width: 100%; } .banner-inner.biography-animate.fadeInDown.overhidden { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .banner-inner .photo-section { margin-bottom: 0 !important; margin-right: 50px; } .banner-inner .photo-section span img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .site-header { background-color: #FFDC44; padding-top: 0px; overflow-x: hidden; } #biography_child_page{ background-attachment: fixed, fixed; background-color: #565656; background-position: center top; padding-bottom: 70px; padding-top: 400px; text-align: center; } .main-navigation ul ul { float: left; position: absolute; left: -999em; z-index: 99999; background-color: #2a5399; text-align: center; } .child-site-header { background-color: #2a5399; color: #fff; text-align: left; width: 100%; z-index: 2; backface-visibility: hidden; } #breadcrumb { background-color: #DFB200; color: #ffffff; font-size: 13px; padding-bottom: 11px; padding-top: 10px; color: #ffffff; } #breadcrumb a{ color: #ffffff; } #breadcrumb a:hover{ opacity: 1.0; }
October 29, 2018 at 1:54 am #82712wensolutions
KeymasterHello @orange_raven,
Please find answer to your query below:
Query #1:
Response: To display other page like in the free version you need to additional custom code in your child theme.
To know how to create and activate the child theme, please refer to below given link:
https://wptravel.io/how-to-create-a-child-theme/
After activating the child theme in your child theme functions.php add below given code:
function biography_header() { global $biography_customizer_all_values; if ( function_exists( 'has_custom_logo' ) ) { $biography_logo = get_custom_logo(); } elseif ( !function_exists( 'has_custom_logo' ) ) { $biography_logo = esc_url($biography_customizer_all_values['biography-logo']); } $biography_header_bg_img = biography_banner_image( get_the_ID() ); $biography_enable_social_icons = esc_attr( $biography_customizer_all_values['biography-enable-social-icons'] ); $nav_col_fixed = 'col-md-12 col-sm-12'; if( 1 == $biography_enable_social_icons ){ if( has_nav_menu( 'social' ) ) { $nav_col_fixed = 'col-md-6 col-sm-8'; } } if(is_front_page() || is_singular() ){ ?> <header id="masthead" class="site-header block-section biography-nav-left" role="banner" style="background-image: url('<?php echo $biography_header_bg_img;?>');"> <div class="block-overlay-content"> <div class="head-top"> <div class="container"> <div class="<?php echo esc_attr( $nav_col_fixed);?> col-xs-12"> <nav id="site-navigation" class="main-navigation" role="navigation"> <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"> <i class="fa fa-bars"></i> </button> <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu' ) ); ?> </nav><!-- #site-navigation --> </div> <?php if( 1 == $biography_enable_social_icons ){ if( has_nav_menu('social')){ ?> <div class="col-md-6 col-sm-4 col-xs-12"> <div class="social-icon-only"> <?php $social_nav_args = array( 'theme_location' => 'social', 'container' => 'div', 'container_class' => 'biography-social-section', 'depth' => 1 ); wp_nav_menu( $social_nav_args ); ?> </div> </div> <?php } } ?> </div> </div> <?php global $biography_customizer_all_values; if( !FALSE == $biography_customizer_all_values['biography-home-sortable-enable'] ){ ?> <div class="banner-section-sortable"> <?php } else { ?> <div class="banner-section"> <?php } ?> <div class="container"> <div class="row"> <div class="col-md-12 col-lg-10 col-lg-offset-1"> <div class="banner-inner biography-animate fadeInDown overhidden"> <div class="author-content"> <div class="site-branding"> <?php if ( is_front_page() && is_home() ) : ?> <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> <?php else : ?> <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p> <?php endif; ?> <p class="site-description"><?php bloginfo( 'description' ); ?></p> </div><!-- .site-branding --> <?php /** * biography_action_text_slider hook * @since Biography 1.0.0 * * @hooked biography_text_slider -10 * @hooked biography_after_text_slider -20 */ do_action( 'biography_action_text_slider' ); ?> </div><!-- .author-content --> <?php if( !empty( $biography_logo)){ ?> <div class="photo-section"> <span> <?php if ( !function_exists( 'has_custom_logo' ) ) { ?> <img src="<?php echo $biography_logo;?>" alt="<?php esc_attr( get_bloginfo( 'name' ) ); ?>"> <?php } else { ?> <?php echo $biography_logo;?> <?php } ?> </span> </div><!-- .photo-section --> <?php } ?> </div> </div> </div> </div> </div> </div> </header><!-- #masthead --> <?php }else{?> <header id="masthead" class="child-site-header biography-nav-right navbar-static-top" role="banner"> <div class="container"> <div class="row"> <div class=" col-lg-2 col-xs-12 col-sm-12 col-md-2 text-center"> <?php if( !empty( $biography_logo)){ ?> <div class= "photo-section-child"> <span> <?php if ( !function_exists( 'has_custom_logo' ) ) { ?> <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo $biography_logo;?>" alt="<?php esc_attr( get_bloginfo( 'name' ) ); ?>"></a> <?php } else { echo $biography_logo; } ?> </span> </div> <?php }else{ ?> <p class="child-site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"> <?php bloginfo( 'name' ); ?></a> </p> <p class="child-site-description"><?php bloginfo( 'description' ); ?></p> <?php } ?> </div> <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7 text-center "> <div class="child-margin"> <nav id="site-navigation" class="main-navigation child-navigation" role="navigation"> <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"> <i class="fa fa-bars"></i> </button> <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu' ) ); ?> </nav><!-- #site-navigation --> </div> </div> <?php if( 1 == $biography_enable_social_icons ){ if( has_nav_menu('social')){ ?> <div class="col-md-3 col-lg-3 col-sm-12 col-xs-12 text-center"> <div class="social-icon-only social"> <?php $social_nav_args = array( 'theme_location' => 'social', 'container' => 'div', 'container_class' => 'biography-social-section', 'depth' => 1 ); wp_nav_menu( $social_nav_args ); ?> </div> </div> <?php } } ?> </div> </header> <div class="clearfix"></div> <section id="biography_child_page" class="biography_child_page" style="background-image:url('<?php echo $biography_header_bg_img;?>');"> <h1 class="child-title"><?php wp_title($sep = '');?></h1> </section> <?php } }
Query #2:
Response: To change the color of the breadcrumb, add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.
#breadcrumb a { color: #fff !important; }
Query #3:
Response: To display the footer widget area in the customizer, make sure you have atleast added one widget in one of the footer widget are by goin to Admin Panel > Appearance > Widget > footer widget.
Hope this helps.
Let us know if you have any confusion further.
Thank you.
Regards!!
October 29, 2018 at 3:10 am #82715Orange Raven
Participant#1:
I hope I write it right. Is there no way without child theme? The only thing I want is, that on all pages (not only on start page) the Top Menu is not a own banner. It should be over the header image and the header image should be on the top without any space. Like it is on startpage.#2 Thanks, wirks fine. The !important was what I forgott
#3 Problem is, that there is no footer widget area. I already had try this:
https://picload.org/view/dcaiowil/unbenannt.jpg.htmlOctober 29, 2018 at 6:35 am #82727wensolutions
KeymasterHello @orange-raven,
You have to go through the child theme for this as the original layout needs to be changed through the code customization.
As for the footer widget area, we would like to apologize for the trouble. The feature is noted as the requested feature and will be available soon in the future updates.
Thank you.
Regards!!
-
AuthorPosts
- You must be logged in to reply to this topic.