If I’m right, you want to get javascript bootstrap via CDN. Try to make it like in the example below. Other scripts you should attach according to this example. You must note your custom scripts should be attached after the bootstrap script if they would be using the bootstrap scripts. function enqueue_js() { wp_enqueue_script( ‘bootstrap_js’, … Read more
Do you understand the bootstrap framework at all? Your theme has implemented a column width that is smaller than you would probably like. Your content area is wrapped in an offset column that is 50% of the container width. <div class=”col-lg-6 col-lg-offset-3″> <!– content –> </div> If you want to increase the width of your … Read more
If I get what you’re asking, it’s that you want a way to remove the <style> tag from your header – correct? Definitely a good idea to do this – just keep the bare minimum there. This way, styles can be managed separately to your markup – keeping the presentation layer separate is best practice. … Read more
The easiest option would be to simply check if you are on every fourth iteration. Please see the following for an illustration, I haven’t tested this but see the basic idea. <?php $images = get_field(‘portfolio’); if( $images ): ?> <?php foreach( $images as $key => $image ): if (($key + 1) % 4 == 0) … Read more
Setting specific min-width and max-width for your <nav> menu will fix the issue: <nav class=”navbar navbar-inverse navbar-fixed-top” role=”navigation” style=”min-width: 1000px; max-width: 1000px;”> Here’s the JavaScript/jQuery method that will set the min-width and max-width of your .navbar when the event ‘affix.bs.affix’ got fired: var navbar = jQuery(‘nav.navbar’); // If ‘affix.bs.affix’ is fired. navbar.on(‘affix.bs.affix’, function () { … Read more
There are several examples on the net, however I use this: <?php //functions.php add_filter( ‘widget_text’, ‘php_parser’, 100 ); function php_parser( $html ){ if( strpos( $html, “<“.”?php” ) !== false ){ ob_start(); eval( “?”.”>”.$html ); $html = ob_get_contents(); ob_end_clean(); } return $html; } ?>
Use wp_get_attachment_metadata(). Using your example: $img_data = wp_get_attachment_metadata( $attachment_id ); $w = $img_data[‘width’]; $h = $img_data[‘height’]; if ($w > $h) { $class = “col-sm-12”; } else { $class = “col-sm-6”; } Though, to get the attachment ID, you’ll either have to put a filter that acts on every image or create a loop that uses … Read more
You are linking to a support page for wordpress**.com**. While the basic Core WordPress is the same, that is a hosting service and it runs some code that is not part of Core. What you see there may not work on a self-hosted WordPress install. What should work, however, is this: do_shortcode(”);
as I understood you have two parts header, one for register one for logo, in bootstrap 3 : <div class=”row”> <div class=”col-md-6 col-xs-12″>logo here</div> <div class=”col-md-6 col-xs-12″>Register here here</div> </div> It will make your header responsive. and if you want that your image be responsive you can do like this in bootstrap 3: <img src=”https://wordpress.stackexchange.com/questions/210782/…” … Read more
In admin-bar.min.css at 600px, #wpadminbar is changed from position:fixed to position:absolute. The reason the adminbar scrolls at mobile sizes is because a fixed-height, fixed-position element causes major problems when you tap/pinch-to-zoom in mobile browsers. So, you can fix this by overriding WP’s native css on #wpadminbar, but then the behaviour is deliberate.