estudi33

I tried pasting the code as text on a widget area but does not work.

Then I tried inserting the code in footer.php, just before the line with <!– FOOTER –> but has not worked.

It works only if insert the code this way:

<?php
 /**
 * The template for displaying the footer.
 *
 *
 * @package Customizr
 * @since Customizr 3.0
 */

  	do_action( '__before_footer' ); ?>
  		<!-- FOOTER -->
 		<footer id="footer" class="<?php echo tc__f('tc_footer_classes', '') ?>">
  		 	<?php do_action( '__footer' ); // hook of footer widget and colophon?>

  		</footer>
    </div><!-- //#tc-page-wrapper -->
		<?php
    do_action( '__after_page_wrap' );

<script type="text/javascript">
jQuery(document).ready( function() {
    jQuery('a.wp-booklet-popup-trigger').addClass('nofancybox');
}
</script>

		wp_footer(); //do not remove, used by the theme and many plugins
	  do_action( '__after_footer' ); ?>

	</body>

	<?php do_action( '__after_body' ); ?>
</html>

But the problem is that now the footer disappears.

Can you tell me where exactly should I place this code?

This is the footer.php code of my theme:

<?php
 /**
 * The template for displaying the footer.
 *
 *
 * @package Customizr
 * @since Customizr 3.0
 */

  	do_action( '__before_footer' ); ?>
  		<!-- FOOTER -->
  		<footer id="footer" class="<?php echo tc__f('tc_footer_classes', '') ?>">
  		 	<?php do_action( '__footer' ); // hook of footer widget and colophon?>
  		</footer>
    </div><!-- //#tc-page-wrapper -->
		<?php
    do_action( '__after_page_wrap' );
		wp_footer(); //do not remove, used by the theme and many plugins
	  do_action( '__after_footer' ); ?>
	</body>
	<?php do_action( '__after_body' ); ?>
</html>

Thank you very much for your help

Yes. But if I deactive the lightbox option of WP Booklet then it does not open any popup.

Thanks for the info.
I’ll open a ticket now.

Thank you very much for your help!!
I modified these selectors and now the button is blue.

Hello Dave,
Thanks for your answer.
I have been looking for other similar plugins, but I have not found another one.

I also opened a consultation in the support forum of the plugin plugin but no one answered me.

I thought that maybe there would be some lightbox plugin that was compatible with PDF plugin. I have tried many but none works.

Hello Bojan!!

I’m using a child theme.
First I put the code in styles.css of the child theme but produced no change.
Then I tried to put in custom CSS and worked perfectly.
It is the first time I encounter this problem.

Thank you very much for your help.

Hello Bojan!!
Thank you very much for your help.

The codes work perfectly. But I had a problem. If I put the codes in “Custom css” they work but if I add to “styles.css” do not make any changes.
What can be the cause?

Best regards,
Jordi

Hello mememememe,
First you should create a child theme:
https://doc.presscustomizr.com/customizr/creating-child-theme-customizr/

Then you can add the code to create the widget area in the header in the child theme functions.php file safely.

Hello memememememe,
The carousel is in an widget area before the header.

To create the widget area you must place these snippets in functions.php

// Adds a widget area.
if (function_exists('register_sidebar')) {
 register_sidebar(array(
 'name' => 'Extra Header Widget Area',
 'id' => 'extra-widget-area',
 'description' => 'Extra widget area before the header',
 'before_widget' => '<div class="widget my-extra-widget">',
 'after_widget' => '</div>',
 'before_title' => '<h2>',
 'after_title' => '</h2>'
 ));
}

// Place the widget area after the header
add_action ('__before_header', 'add_my_widget_area', 10);
function add_my_widget_area() {
 if (function_exists('dynamic_sidebar')) {
 dynamic_sidebar('Extra Header Widget Area');
 }
}

Hello,
rdellconsulting, Thanks again for your help.

I followed your instructions and I’ve changed those lines of code but there has been no change.

I’m wondering if it would be better to start again, delete all the lines of code that modify the top and sidebar menu and gradually add the codes one by one.

What do you think?

Thank you very much for your help.

Thank you very much to both for your help!!

I tried the two solutions that you have provided. but none has worked.

Hello ibogo,
Thanks for your help.
“Contacte” is an example. The problem is in all the elements of the submenús.

There is an error in the CSS that I used to customize the menus, but can not find the error to fix it.

This is style.css

/*
Theme Name: Customizr_Child
Version: 1.0
Description: A child theme of Customizr
Template: customizr
Author: Administrator
*/
/* Your awesome customization starts here */

header.tc-header {
border-bottom:  none;
}

footer#footer {
border-top:  none;
}
.colophon {
    background: transparent!important;
}
#footer {
    background: transparent!important;
}

/* Centrar menú superior */
.navbar-inner{
    padding-right: 0;
    padding-top: 25px;
}
.tc-header .nav-collapse{float: none;}
.navbar .nav {width: 100%;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.nav-collapse .nav > li{float: none; display: inline-block;}
.nav-collapse .nav > li li{text-align: left;}
@media (max-width: 979px){.nav-collapse .nav > li{display: list-item;}
}

.back-to-top {
  display:  none;
 }

/* START OF Change the Background Color of the 3-Bar Menu dropdown */
/* Change 3-bar Menu background color  */
.nav-collapse .nav .nav-header {
color:              #666666;    /* Adjust Text Color Level 1 */
text-shadow:        none;
}
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
font-weight:        bold;
color:              #666666;   /* Adjust Text Color Level 2 */
text-shadow:        none;
}
.nav-collapse .nav > li > a,
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a,
.nav-collapse .dropdown-menu a {
background-color:   transparent;   /* Adjust Background Color Level 2 */
font-weight:        normal;
font-family:    Fine Again;
font-size:      1.1em;
}
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
color:              #000000;
background: none !important;
}
.nav-collapse .dropdown-menu > li.current-menu-item > a,
.nav-collapse .dropdown-menu > li.current-menu-ancestor > a {
background-color:   transparent;   /* Adjust Background Color Current Item */
color:              #FF0000;   /* Adjust Text Color Current Item */
text-decoration:    none;
}
/* END OF Change the Background Color of the 3-Bar Menu dropdown */

/* Adjust Menu text color, font-family, font-size  */
.navbar .nav > li > a, .navbar .nav > li > a:first-letter,
.navbar .nav > li.current-menu-item > a,
.navbar .nav > li.current-menu-ancestor > a {
display:        inline;
color:          #FF0000;
font-family:    Fine Again;
font-size:      1.2em;
text-shadow: none;
font-weight: normal;
padding:        5px 11px;
}

/* Adjust Menu colors - Normal */
.navbar .nav > li > a, .navbar .nav > li > a:first-letter {
color:          #666666;
text-shadow:    none;
}
/* Adjust Menu colors - Hover */
.navbar .nav > li > a:hover, .navbar .nav > li > a:hover:first-letter {
color:          #000000;
text-shadow:    none;
font-weight: bold;
}

#main-wrapper .widget li {
    font-family:    Fine Again;
    line-height: 25px;
    border-bottom: none!important;
    text-shadow:    none!important;
    position: relative;
}
.widget_nav_menu li a {
    font-size: 1.2em;
    text-shadow:    none!important;
    color:   #666666;
}
.widget_nav_menu li a:hover {
    color: #000000;
    text-decoration: none!important;
    font-weight: bold;
}

.widget_nav_menu .current-menu-item a {
color:          #FF0000;
text-shadow:    none!important;
font-weight: bold;
}

#main-wrapper .widget li:after { border-bottom: none;}
#main-wrapper .widget ul:hover li {background: initial;}

.widget.widget_nav_menu li:before { color: #000000;}

body {
/* Adjust sitewide text color */
color:              #000000;
/* Adjust sitewide font family */
font-family:        trebuchet ms,geneva,sans-serif;
/* Adjust sitewide text alignment */
text-align:         justify; /* left|right|center|justify */
}

/* Center Page Title  */
.page h1.entry-title {
width:          100%;
text-align:     right;
margin-top:      0px;
text-shadow: none;
font-size:      2em;
}

/* START OF Change the Divider Bar */
/* 2px=thickness, solid=style (dotted-dashed-solid-double-groove-ridge-inset-outset), red=color */
.featurette-divider {
border:         1px solid black;
}
/* END OF Change the Divider Bar */

#left.widget-area, #left.widget-area:after  {
  border-right: 0px solid #FAFAFA;
}

.entry-header .featurette-divider {
margin: 6px 0px 16px 0px;
}

h1 {
text-shadow: none;
}

.tc-header.clearfix{
    background: none;
}
.navbar .navbar-inner {
    background: none;
}

.my-extra-widget {
    max-width: 93%;
    float: none;
    margin: 0 auto;
}

/* Change font-size, alignment as needed  */
footer#footer p, footer#footer a {
padding:        0px ;
font-size:      13px!important;
text-align:     center;
color:          #333333!important;
line-height:    1em ;
}

footer#footer       {
line-height: 1.5;
color: #000000!important;
font-size:      17px!important;
text-align:     center;
}
#footer .footer-widgets a{
color: #000000!important;
font-size:      17px!important;
}
footer#footer h3{color: #000000;}

a                   {
color:              #333333 ;
font-weight:        normal;
text-decoration:    none ;
}
a:hover             {
color:              #000000 ;
font-weight:        bold;
text-decoration:    underline ;
}

.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"]
{
    background-color: #fff;
    color: #000;
    width: 25%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{width: 70%;}
.wpcf7-submit{ float:left; padding:4px 20px; background:#8Ec4DE!important; color:#333333!important; border:none; font-size:17px; font-weight:bold; cursor:pointer;}

.metaslider {margin: 30px auto !important;}

.tc-header .brand{display:none;

Hello Dave,
Perfect. It works. Thank you for your help!!

Hello Rocco,
Perfect!!
Thank you very much for your help.