zafon123

Hi, alegriaride

What would you like to change?

• Menu in one line?
• Menu color for what?
• You want it to be fixed on top?

If you can add a photo, how would you like it to look like?
I’ll help you

Best regards ??

Hi try it

#page-sub-header h1 {
    font-size: 1rem; // Your size
}

best regards
zafon

• This reply was modified 6 years, 2 months ago by zafon123.

Hi!
If you want to change the height of the displayed title then you have to edit it
default
#Content.site-content {
padding-bottom: 3.75rem;
padding-top: 4.125rem;
}
open style.css and change the value of padding-top to the one you choose
Regards

Hi, if someone needs to add parallax to the main part of the page from the administration panel. For this solution. I did not use the featured image for this. Only Advanced Custom Fields plugin.

1 step:
Instal Advanced Custom Fields plugin and add custom fields with image

2 step:
download https://github.com/pixelcog/parallax.js/

3 step:
Install parallax.js in your wordpress -(I added to /wp-bootstrap-starter/inc/assets/js/parallax.min.js and parallax.js

4 step:
open function.php and add this code
wp_enqueue_script('wp-bootstrap-starter-parallaxjs', get_template_directory_uri() . '/inc/assets/js/parallax.min.js', array() );

5 step:
open header.php and add this code:
<script src="https://cdn.jsdelivr.net/parallax.js/1.4.2/parallax.min.js"></script>

6 step :
Open your Page or other site and add this code

<div class="container-fluid p-0 m-0"> //with out dont work
<?php
$image = get_field('parallax');//name your custom fields 
if( !empty($image) ): ?>
 <div class="parallax-window" data-parallax="scroll" data-image-src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>"></div>
<?php endif; ?>
</div> 

7 step:
add code for style.css

.parallax-window {
    min-height: 400px;
    background: transparent;
}

Regards.

• This reply was modified 7 years ago by zafon123.

Hi!
If you want to put jQuery in WordPress you have to use it

jQuery(document).ready(function( $ ){
/* This code jQuery */
});

Best Regards

Hi!
This is what the code looks like

jQuery(document).ready(function( $ ){
$(".navbar-toggler").click(function() {
$('body').toggleClass('modal-open');
});
});

Best Regards

Ok my friend.
I used

aside#secondary .current-menu-item{
 
}

it works. Bye

• This reply was modified 7 years, 1 month ago by zafon123.