wordpress,zurb-foundation , Foundation and Wordpress blank spaces


Foundation and Wordpress blank spaces

Question:

Tag: wordpress,zurb-foundation

Anyone has an idea about the blank spaces that I'm getting in a while loop with wordpress using foundation framework?

    <div class="large-8 columns">

    <?php query_posts(array('category_name' => 'revista', 'paged' => get_query_var('paged'), 'posts_per_page' => 9 )); ?>

    <?php while ( have_posts() ) : the_post(); ?>

        <article class="boletin large-4 columns" style="min-height:1px;">       

            <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>

            <h2><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h2>   

        </article>              

    <?php endwhile; ?>

    </div><!-- /large-8 -->

    <?php get_sidebar(); ?>

</div>

Here's the page (please use CTRL + F5 to see the latest version)

http://www.aoa.cl/revistas/


Answer:

the reason this happens is that your tiles does not have equal height. you can use Foundation Equalizer to fix that. and leave the code has you have it. I would still change the large to small and have

<article class="small-12 medium-6 large-4 columns">

to achieve better responsive results. Foundation is mobile-first. Code for small screens first, and larger devices will inherit those styles. Customize for larger screens as necessary.

If you wish to have just three columns both on mobile and desktop do the followings: I am adding a row every three lines. also changed large to small (large screens inherit small much better than small inherit large).

<div class="small-8 columns">
<?php $count=0;?>
<?php query_posts(array('category_name' => 'revista', 'paged' => get_query_var('paged'), 'posts_per_page' => 9 )); ?>

<?php while ( have_posts() ) : the_post(); ?>
    <?php if ($count % 3 == 0): ?>
    <div class="row">
    <?php end_if; ?>
        <article class="boletin small-4 columns" style="min-height:1px;">       
            <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>

            <h2><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h2>   

        </article> 
    <?php if ($count % 3 == 2): ?>
    </div>
    <?php end_if; ?>  
    <?php $count++; ?>           

<?php endwhile; ?>

</div><!-- /small-8 -->

<?php get_sidebar(); ?>


Related:


BeautifulSoup: Parsing bad Wordpress HTML


python,html,regex,wordpress,beautifulsoup
So I need to scrape some a site using Python but the problem is that the markup is random, unstructured, and proving hard to work with. For example <p style='font-size: 24px;'> <strong>Title A</strong> </p> <p> <strong> First Subtitle of Title A </strong> "Text for first subtitle" </p> Then it will...

Coding after Wordpress loop not showing


php,wordpress
I have been working on a custom archive page but I have run into some trouble. The pagination is shifting down into the footer area. I have gone through my code several times and I cannot work out why this is happening. If I remove the loop, the template works...

Two language site in wordpress what i can do [on hold]


wordpress
I want to create 2 language site in word press. I am pretty new in word press. so what can i do. I will have 2 different theme for each language or do something else. The English is for left to right while Arabic is for right to left. So...

WordPress expanding grid with thumbnail


javascript,css,wordpress,grid,expand
I'm using codrops solution to display team members in an expanding grid: http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview/ I was already able to change some code to display my post thumbnail in the grid preview. However, I want to display the same picture in full size in the expanded view. In the original version it...

Wordpress End If Statements


php,wordpress,woocommerce
Apologies, PHP is not my strongest area so this might seem super easy to others. I am trying to implement a statement to say, when there is something in my WooCommerce Cart to show the cart. If there's nothing in the cart then show nothing. The code I have so...

How to add stripslashes to get_option()


regex,wordpress,wordpress-theming,sublimetext,stripslashes
Hy, I created a WordPress Theme using a lot of custom options. While saving the options in the backend amongst other things I'm adding backslashes before characters that need to be escaped. Such as ' and ". Now I need to remove them before displaying them on the frontend. The...

Slider misbehaving


css,wordpress,wordpress-plugin-dev
I've implemented a slider plugin into my theme and unfortunately, some misbevahiour occurs when is activated using the golden info+ button. The highlighted elements, is acting unusual: -the left sidebar text and the lower right arrow, is changing its position going up or disappearing (depending on slider); -the header logotext...

Run AJAX function on form submit button after javascript confirm() cancel


javascript,jquery,ajax,wordpress,forms
I have a form where and AJAX function runs on form submission to make sure that the data in the form doesn't conflict with data in the database. If a conflict is found, the AJAX function pops up a confirm() box. If the user clicks "OK", the form is submitted....

Wordpress Custom Post type archive display


wordpress,templates,custom-post-type,advanced-custom-fields
I have a custom post type named STORIES. Within that post type, I have categories, so each STORY is also assigned a category like this... Story 1 (assigned category RED) Story 2 (assigned category BLUE) Story 3 (assigned category GREEN) etc. I need to display a page which lists the...

How do I specify a css margin-top for foundation row div?


css,zurb-foundation
How do I specify a css margin-top for foundation row div? Using the Chrome dev tools it looks like foundation.css is overriding any margin properties for .row divs - regardless of where I put the css. In the interest of getting something out the door today I have resorted to...

How to crop image from center using wp_image_editor


wordpress,image,wordpress-plugin,resize-crop,wp-image-editor
I am working on WordPress plugin. In plugin the user upload images from meta field and in back end i use wp_image_editor for cropping and re sizing the images. The images re sized very well but on cropping the images not cropped very well. I give x-dimension 100 and y-dimension...

How To check Product Have Variation in woocommerce


php,wordpress,woocommerce,product
Is there any way to check the product has variation something like Please help me. <?php If (product has variation) { echo"This Product have Variations "; } else { echo "This Product does not have Variations "; } ?> ...

WooCommerce: How to display Category Name in single-product.php


php,wordpress,woocommerce
How can I display the category name in single-product.php? In archive-product.php the code is: <?php woocommerce_page_title(); ?> but what could I use to show the category name in the single-product.php that belong to the category?...

woocommerce - make order notes required


wordpress,woocommerce
is it posible to make woo 'order_comments' field required - and show message If the field is not filled I have tried the following code but I can not get it to work. add_action('woocommerce_checkout_process', 'my_custom_checkout_field_process'); function my_custom_checkout_field_process() { // Check if set, if its not set add an error. if...

Trying to fill a SVG map from wordpress custom categories


wordpress,dictionary,svg
I've created a custom post_type (destinations) with a category (locations) to provide a tree structure for my SVG map: Continent/Country/Town Example locations: Europe/Germany/Berlin/POST Europe/Italiy/Sicily/POST North-Africa/Morocco/Marrakech/POST My plan was to fill the map by the country short codes like (DE for Germany, IT for Italia, LY for Libya (...). Here is...

Wordpress page can't continue due to this error


php,css,wordpress,wordpress-plugin,wordpress-theming
I just faced this problem recently, I don't what causes it . But I need help fixing it. The error are : http://www.udesign.my/aaf4/wp-admin/admin-ajax.php?action=woocommerce_checkout Failed to load resource: the server responded with a status of 500 (Internal Server Error) http://fonts.googleapis.com/css?family=century+gothic+:300,400 Failed to load resource: the server responded with a status of...

Woocommerce Return False with message


php,wordpress,woocommerce
I am using a function to remove the ability to purchase a product if its price is equal to, or greater than £50,000. I would like to add a message where the add to cart button usually is, to say "this product is over £50,000 - please contact us" add_filter(...

wp_schedule_event hook sheduled but not working


php,wordpress,cron,wordpress-plugin,cron-task
I'm trying to trigger cron job from WordPress Plugin that I'm writing (It's gonna take all new Products and export them to CSV every day) so the problem is that when I'm put this code in functions.php all working great and the code is valid but from the plugin folder...

How to exclude posts without featured images from custom post type WP_Query


wordpress,wp-query
We have the following WP_Query which collects all custom posts (except id=191) and lists them randomly: $args_projekte = array( 'post_type' => 'projekt', 'posts_per_page' => 18, 'post__not_in' => array(191), 'orderby' => 'rand', ); $query_projekte = new WP_Query($args_projekte); How do we extend this to ALSO exclude all posts WITHOUT featured images? Thanks...

Button style in top bar in Foundation?


css,zurb-foundation,zurb-foundation-5
Is it possible in Zurb Foundation to have a normal button in the top bar menu items? Here is an example: The black button is what I'm trying to accomplish. Here is what the HTML currently looks like: <div class="contain-to-grid"> <nav class="top-bar" data-topbar="" role="navigation"> <ul class="title-area"> <li class="name"> <h1> <a...

CSS mystery: why the extra height in my div's?


javascript,css,wordpress
I'm just starting in on a new site and am getting extra space at the top of the div's I'm building for the home page. Using Safari's Web Inspector, I've eliminated any obvious padding or margins being responsible; but it's also seemingly telling me that the height of the div's...

How to position “:before” element used as icon in zurb foundation's Side nav?


html,css,zurb-foundation
I added a sub-menu to foundation's side nav exactly like in this example, but the icon is above the text. My CSS: .hasChildren:before{ content: "\25ba"; float: left } .hasChildren.active:before{ content: "\25bc"; } My HTML: <div class="large-4 medium-4 columns menu-wrapper"> <div class="panel"> <h4>Menu</h4> <ul class="side-nav"> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li>...

Text-decoration/CSS causing text to move


html,css,wordpress
I've tried a bunch of techniques to solve this. I've used float (left/right) and played with positioning (absolute & relative). None worked. Basically my navigation keeps moving when the the text decoration (font-weight: bold; in this case) is applied. I'm new to CSS and this is my first header- so...

How to fetch the page id and use it for an image name


php,wordpress
I am new in php. I want to make a condition for showing page id and set my image name is pageId and show this background image in my header banner. How to fetch page id use it fetching image for my banner background img. Here is my code: <div...

Woocommece login URL


wordpress,woocommerce
I have a custom page for login in Wordpress with Woocommerce integrated, and need that when a user click on my-account page, instead of using the login form from woocommerce, redirect to my custom login url. my-account page only must be seen in case the user is logged in,else, I...

WooCommerce seems to only orderby date and not price


php,ajax,wordpress,woocommerce
I am loading in variable products via a custom WP_Query $args = array( 'post_type' => 'product', 'posts_per_page' => 100, 'product_cat' => 'beast-balls', 'orderby' => 'date', 'order' => 'desc' ); $loop = new WP_Query( $args ); if ( $loop->have_posts() ) { while ( $loop->have_posts() ) : $loop->the_post(); ?> <div class="product-node cat-beast-balls">...

How to display grouped products in a list with quantity in woocommerce?


wordpress,woocommerce
I want to change the way grouped products are shown by two different versions of wordpress. case 1: Wordpress 4.1.5 running WooCommerce 2.3.11 with custom theme. case 2: Wordpress 4.2.2 running WooCommerce 2.3.11 with default theme. I need to display grouped products (child products) in a tabular form with quantity...

How to enable mod_rewrite on Apache 2.4?


php,wordpress,apache,mod-rewrite,centos7
I'm using Wordpress and wanted to enable pretty urls feature, but they don't work, i'm thinking that it's because of mod_rewrite, but i don't know how to enable it on Apache 2.4 under CentOS 7... I've already try this: grep -i LoadModule /etc/httpd/conf/httpd.conf | grep rewrite but nothing... Also would...

CSS disable horizontaly scrolling - Wordpress [on hold]


php,html,css,wordpress,responsive-design
Hi im working on a wordpress blog and have the following problem: http://www.catlovers.co/17-cat-reactions-that-sum-up-your-love-life/ If i resize the browser (X-Axies) to a minimum like surfing on a mobile device i am able to scroll to the right in the Contend section (hold down middle mouse button). How can i change my...

How can I change link in my dropdown menu [closed]


php,wordpress
How can I change links in my dropdown menu in worpress. Menu looks like this ITEM 1 || ITEM 2 || ITEM 3 || ITEM 4 || ITEM 2.1|| || ITEM 4.1|| || ITEM 2.2|| || ITEM 4.1|| || ITEM 2.3|| || ITEM 4.1|| I want that when the user...

Wordpress function to effect only one (custom) post type, and not every post


wordpress,custom-post-type
I'm having an issue with a custom post type (WP Job Manager). I am using the following code in my functions file to 'add a default image to posts that have no image attached'. function custom_default_cover_image( $image, $args ) { global $post; if ( $image ) { return $image; }...

How to use curl return value in php script


php,wordpress,curl,login
I have two servers: A where WP is installed on one, and B where it's not. Application run on B is trying to use WP credentials for login. I have a login form on server B: <h1>Login</h1> <div> <form class="forma" id="form" action="login.php" method="POST"> <div class="form-group"> <label>Username</label> <input class="form-control" type="text" name="username"...

Creating complex queries with WP_Query in Wordpress


wordpress,wp-query
Here's a complex query which we've built using WP_Query. It should: Ignore post id 191 AND Select all posts with 'reihenfolge' <= 18 AND Ignore posts without a featured image AND Order them randomly Here is the code: $args_projekte = array( 'post_type' => 'projekt', 'posts_per_page' => 18, 'meta_query' => array('relation'...

Random opening tabs/pills - bootstrap 3


javascript,css,wordpress,twitter-bootstrap-3
i want to open on every new site load another random tab with content. i think i have to do it with some java script but it don´t work. You can look at the page here: LINK Thanks for helping....

String indices must be integers, new to python


python,wordpress
I hope I won't get trashed for this question. This is my first day with Python and all I've done so far is copy pasting and deducing from other snippets of code. I have no experience with code. I'm trying my hardest however this one I can't get past for...

Excluding certain pages from being redirected to https


wordpress,.htaccess,redirect,https,http-redirect
I'm using the following rules on my WordPress website to: Redirect all http pages to https Redirect the careers page to http <IfModule mod_rewrite.c> RewriteEngine On # Go to https if not on careers RewriteCond %{SERVER_PORT} 80 RewriteCond %{REQUEST_URI} !^/careers$ [NC] RewriteRule ^(.*)$ https://www.mywebsite.com/$1 [R,L] # Go to http if...

login with username or email in wordpress


wordpress
I am working on login template...but I want to make login with username as well as email.I got code with for that but it is not worked,it is as follow: function login_with_email_address($username) { $user = get_user_by('email',$username); if(!empty($user->user_login)) $username = $user->user_login; return $username; } add_action('wp_authenticate','login_with_email_address',10,1); I already put action in 'authenticate'...

ACF Multiple Map Markers


wordpress,google-maps,google-maps-api-3,acf
I'm using Advanced Custom Fields and want to pull in the field called 'location' to display some locations on a map. How would i adjust the following code to display multiple markers from my location field? The format of the custom field is like so: echo 'Location: ' . get_field('location');...

If image is null from JSON, use another image - AngularJS


json,angularjs,wordpress,angularjs-ng-repeat,wp-api
Below I have an ng-repeat where the inner div gets a background image set after reading a JSON file. My question is - If post.featured_image.attachment_meta.sizes.medium.url does not exist or is null, what would be the best approach to replace this with another image? Say a default backup image? A solution...

Wordpress Custom Post Type categroies


wordpress,custom-post-type,advanced-custom-fields
I have a custom post type called STORIES. When a user adds a new STORY, I need them to be able to assign a category (or multiple categories) to the post so I can sort them later by category. To do this, I only want specific categories I assign to...

Changing font-size of
  • on wordpress

  • css,wordpress,html-lists
    I am adding some pages on a wordpress themed website. There is a table with 3 columns: 1st column will be the title (larger font). Since it looks better and editing is easier, I started using <ul> instead of <td> Even though it works fine on JSFIDDLE font-size on the...

    Bxslider, Custom Fields & Wordpress


    php,wordpress,bxslider
    Good Afternoon, can anyone explain how i can achieve two things with the existing code below: Remove the null values, as these are exporting bxslider items that have broken links For some reason two versions of each image in the the pager are showing. Can anyone see why and how...

    Can not link the author


    wordpress
    I am Making a blog site. I want to show all posts of a user by linking with his/her user name. But it's not working. My code is by <a href="<?php get_author_posts_url(get_the_author_meta('ID'));?>"><?php the_author();?></a> What's wrong with it actually?...

    How to call posts from PHP


    php,wordpress,caching,cron,call
    I have a website, that uses WP Super Cache plugin. I need to recycle cache once a day and then I need to call 5 posts (URL adresses) so WP Super Cache put these posts into cache again (caching is quite time consuming so I'd like to have it precached...

    need wordpress plugin to show 3 type of different kind of text, image and 2 buttons


    wordpress,plugins,wordpress-plugin
    I have slider image on http://techturners.com/arman-badwal/ page in "featured work" section. I need plugin to create dynamic slider like image in section.I use many sliders like cyclone-slider but they show only title, description and image.

    Add second single product page in Woocommerce


    wordpress,woocommerce
    Is it possible to add a second single product page in Woocommerce? So basically when I am at the single product page I click the "next" button and I get directed to the same single product page with another template. So I just want to retrieve the same data on...

    Wordpress log out using URL and redirect to specify page


    javascript,php,wordpress
    I have one Wordpress installation . i need to log out the user without any indication user is coming from particular URL.Is it possible? My code: <?php if($_GET['logout'] == 1) { $redirect_to = current_page_url(); ?> <script> window.location.href="<?php echo wp_logout_url( $redirect_to ); ?>"; </script> <?php } ?> I am using above...

    Foundation Clearing Lightbox Caption Position


    zurb-foundation
    By default, the caption of the ZURB Foundation clearing lightbox is located below the image. Does anybody know how I can position it above the image?...

    Foundation and Wordpress blank spaces


    wordpress,zurb-foundation
    Anyone has an idea about the blank spaces that I'm getting in a while loop with wordpress using foundation framework? <div class="large-8 columns"> <?php query_posts(array('category_name' => 'revista', 'paged' => get_query_var('paged'), 'posts_per_page' => 9 )); ?> <?php while ( have_posts() ) : the_post(); ?> <article class="boletin large-4 columns" style="min-height:1px;"> <a href="<?php...